29form元素与input元素

来源:互联网 发布:网络打印 任务挂起 编辑:程序博客网 时间:2024/05/18 22:08
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>form元素与input元素</title>
</head>
<body>
<form  id="myform" name="myform" action="http://www.baidu.com" method="get" target="blank">
<input type="hidden" value="dad" name="dj">
用户名:<input type="text" name="user" name="user"   value="请输入用户名"><br><br>
密码:<input type="password" name="ps" name="password"><br><br>
国家:<input type="text" readonly="readonly" name="gj" value="中国"><!--内容不可更改--><br><br>
提示:<input type="text" disabled="disabled" value="请慎重填写"><br><br>
<input type="submit" value="确定"><!--提交按钮--><br><br>
<input type="reset" value="重置"><!--重置按钮--><br><br>
<input type="button" value="普通按钮"><br>
<input type="image" src="E:\xampp\htdocs\html\1\baidu1.png" width="100px"><br><br>

邮箱:<input type="email" name="email" required="">
<input type="image" src="E:\xampp\htdocs\html\1\baidu1.png" width="100px"><br><br>
网址:<input type="url" name="url" required>
<input type="submit"value="确定"><br><br>
电话:<input type="tel" name="tel">
<input type="submit"value="确定"> <br><br>
</form>
<form id="myform1" name="myform1" action="http://www.baidu.com" method="get" target="blank">
请输入购买数量:<input type="number"  min="10" max="100" step="1"  value="30" name="sl">
<input type="submit"value="确定"><br><br>
音量:<input type="range"  min="0" max="100" value="67"  name="yl">
<input type="submit"value="确定"><br><br>
时间:<input type="time">
<input type="submit"><br><br>
日期:<input type="date">
<input type="submit"><br><br>
周:<input type="week">
<input type="submit"><br><br>
月:<input type="month">
<input type="submit"><br><br>
utc时间:<input type="datetime">
<input type="submit"><br><br>
本地时间:<input type="datetime-local">
<input type="submit"><br><br>
颜色选择:<input type="color">
<input type="submit"><br><br>
搜索:<input type="search" placeholder="请输入搜索关键词">
<input type="submit"><br><br>
文件:<input type="file"   accept="image/png"  multiple="multiple">
<input type="submit"value="上传图片"><br><br>

复选框:<input type="checkbox" name="dxk" value="A">平面设计
<input type="checkbox" name="dxk" value="B">CAD
<input type="checkbox" name="dxk" value="C" checked="checked">html5
<input type="checkbox" name="dxk" value="D">java<br><br>
单选框:<input type="radio" name="rad"value="a">男
<input type="radio" name="rad"value="b">女
<input type="radio" name="rad"value="c">伪娘
</form>

<form id="myform2" name="myform2" action="http://www.baidu.com" method="get" target="blank">
<h2>用户注册</h2>
姓名:<input type="text" autofocus="" tabindex="2"  autocomplete="off">
密码:<input type="password" tabindex="1">
电话:<input type="tel"tabindex="3">
<input type="submit">
</form>

</body>
</html>
原创粉丝点击