零基础建站培训介绍

当前位置:

HTML表单的代码写法

HTML表单在我们做网站中经常会被用到,如用户注册,网站投稿,评论等都会使用到表单。下面分享一下HTML表单的代码写法。(相关教程:网站Form表单实现提交发送到邮箱


<form action="https://www.xuewangzhan.net/" 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>

相关阅读:

6个超美的HTML+CSS用户留言表单

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注