码迷,mamicode.com
首页 > Web开发 > 详细

HTML常见表单元素

时间:2021-03-08 13:07:19      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!