指引网

当前位置: 主页 > 网页制作 > WEB开发 >

HTML表单的代码写法

来源:网络 作者:佚名 点击: 时间:2017-08-01 21:40
[摘要] HTML表单在我们做网站中经常会被用到,如用户注册,网站投稿,评论等都会使用到表单。下面演示一下HTML表单的代码写法。 <fo……

HTML表单在我们做网站中经常会被用到,如用户注册,网站投稿,评论等都会使用到表单。下面演示一下HTML表单的代码写法。

<form action="http://www.baidu.com/" method="get">
<p>
姓名:<input type="text" name="username" value="默认值"/>
</p>
<p>
密码:<input type="password" name="password" />
</p>
<p>
性别:男<input type="radio" name="xingbie" value="男" checked="checked"/>
女<input type="radio" name="xingbie" value="女" />
</p>
<p>
爱好:篮球<input type="checkbox" name="like" value="篮球" checked="checked"/>
足球<input type="checkbox" name="like" value="足球" />
台球<input type="checkbox" name="like" value="台球" />
</p>
<p>
学历:<select name="xueli">
<option value="大学">大学</option>
<option value="高中" selected="selected">高中</option>
<option value="小学">小学</option>
</select>
</p>
<p>
简介:<textarea name="jianjie" cols="30" rows="10"> 这是默认文本内容</textarea></p>
<p>
上传头像:<input type="file" name="touxiang" /></p> <!--不能设置默认值-->
<p>

隐藏域:<input type="hidden" name="ip" value="127.0.0.1">
</p>
<input type="submit" value="提交">
</form>
------分隔线----------------------------