阅读 152

HTML常见表单元素

标签:nbsp   tle   bsp   isa   disable   密码   隐藏   password   mic   

单行文本框:text

密码框:password

单选按钮:radio

文本域:textarea

复选框:checkbox

下拉列表:select

提交按钮:submit

重置按钮:reset

隐藏域:hidden

上传域:file

禁用:disabled

只读:readonly

图像域:image

 

效果:

技术图片

 

 代码如下:

 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>表单元素</title> 6 </head> 7 <body> 8     <form> 9         用户名:<input type="text" name="username" value="请输入用户名" size="20" maxlength="6"/><br/>10         密码:<input type="password" name="password" value="" size="20" maxlength="10"/><br/>11         性别:<input type="radio" name="sex" value="nan" checked="checked" />男12         <input type="radio" name="sex" value="nv" />女<br/>13         爱好:<input type="checkbox" value="eat" name="hobby"/>吃饭14         <input type="checkbox" value="sleep" name="hobby"/>睡觉15         <br/>16         生日:<select name="birth" id="birth">17         <option value="1">1月</option>18         <option value="2">2月</option>19         <option value="3">3月</option>20         <option value="4">4月</option>21         <option value="5">5月</option>22         <option value="6">6月</option>23         <option value="7">7月</option>24         <option value="8">8月</option>25         <option value="9">9月</option>26         <option value="10">10月</option>27         <option value="11">11月</option>28         <option value="12">12月</option>29             </select>30         <br/>31         头像:<input type="file" /><br/>32         文本域:33         <br/>34         <textarea rows="3" cols="30">文本域</textarea><br/>35         <input type="submit" value="注册" />36         <input type="reset" value="重置" />37     </form>38 </body>39 </html>

HTML常见表单元素

标签:nbsp   tle   bsp   isa   disable   密码   隐藏   password   mic   

原文地址:https://www.cnblogs.com/miao-com/p/14491091.html


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐