HTML5属性:form表单属性的用法实例
这篇文章给大家介绍的内容是关于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属性实现级联下拉列表
以上就是HTML5属性:form表单属性的用法实例的详细内容,更多请关注双恒网络其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。