HTML5的表单模版
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<pre>
action="提交到哪⾥去"
method=get/post "提交⽅式"
GET参数的意思是参数显⽰在URL地址栏上，⽽post不在地址栏显⽰参数
<!--enctype="multipart/form.data" 上传⽂件的时候加的代码，添加在在表单form那⼀⾏-->
</pre>
<form action="提交到哪⾥去" method="提交⽅式">
<p>
⽤户名：
<input type="text" name="uesrname">    <!--⽂本框-->
<!--⽂本域是text，只能写⼊少量的⽂字.⽂本区域是textarea，可以写⼊⼤量的⽂字, ⽂本框是单⾏⽂本⽂本区域是多⾏ -->  </p>
<p>
密码：
<input type="password" name="pwd">      <!--密码框-->
</p>
<p>
性别：
男：<input type="radio" name="gender" value="男">    <!--单选框-->
⼥：<input type="radio" name="gender" value="⼥">
</p>
<p>
爱好：<br>
篮球：<input type="checkbox" name ="hobby" value="basketball"><br>      <!--多选框-->
⾜球：<input type="checkbox" name ="hobby" value="football"><br>
混球：<input type="checkbox" name ="hobby" value="hunqiuball"><br>
</p>
<p>
学历:<br>
<select name ="xueli">  <!--下拉列表框-->
<option value="daxue">⼤学</option>
<option value="high">⾼中</option>
<option value="middle">中学</option>
</select>
htmlradio的text出不来
</p>
<p>
个⼈简介：<br>  <!--⽂本域-->
<textarea name="intro"></textarea>
</p>
<p>
<input type="file" name="pic">  <!--这个是上传⽂件-->
</p>
<p>
<input type="hidden" name="ip" value="192.168.1.100">  <!--隐藏域-->
</p>
<p>
<input type="submit" value="提交"></input>
<input type="reset" value="重置"></input>
</p>
</form>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。