这篇文章给大家介绍的内容是关于HTML5属性：form表单属性的用法实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>表单</title></head><body><!-- 表单action：提交的网址 默认是当前的网址； 自定义method: 默认：get / post--><form action="" method="post"><p><!-- 1.用户名 --><label for="">用户名：</label><input id="xx" type="text" placeholder="请输入" name="username"></p><p><!-- 2.密码 --><label for="">密 码：</label><input type="password" name="pwd"></p><p><!-- 3.性别 --><label for="">性 别：</label><input type="radio" name="sex" value="0">男<input type="radio" name="sex" value="1">女</p><p><!-- 4.爱好 --><label for="">爱 好：</label><input type="checkbox" name="like" value="0">妹子<input type="checkbox" name="like" value="1">汉子<input type="checkbox" name="like" value="2">健身<input type="checkbox" name="like" value="3">游泳</p><p><!-- 5.上传文件 --><label for="">玉 照：</label><input type="file" name="file"></p><p><!-- 6.下拉列表 --><label for="">籍 贯：</label><select name="address" id=""><option value="0">北京</option><option value="1">上海</option><option value="2">广东</option><option value="3" selected="selected">深圳</option></select></p><p><!-- 7.文本域 --><label for="">个人描述：</label><textarea name="info" id="" cols="30" rows="10"></textarea></p><p><!-- 8.注册 --><input type="submit" value="注册"><!-- 9.重置 --><input type="reset"><!-- 10.隐藏域 --><input type="hidden" name="isVIP" value="yes"><!-- 11.普通按钮 --><input type="button" value="普通按钮"></p></form></body></html>
运行效果如下：
相关文章推荐：
html5的video（视频）和audio（音频）标签中的属性用法
HTML5的option属性：如何使用option属性实现级联下拉列表
