html常用表单元素(组件)

html常用表单元素(组件):

语法: <input type = ?/> 总共有10种,另外两种为文本域textarea,下拉列表选择框 select

问号代表的有以下十种:
  1. 文本框(默认——如果没有指定type,默认显示文本框)
   text 语法<input />
  2.密码框——password
  3.单选按钮——radio
  4.复选框——checkbox
  5.普通按钮——button
  6.提交按钮——submit
  7.重置按钮——reset
  8.文件域——file
  9.图像域——image
  10.隐藏域——hidden

 1        文本框:<input type="text" /><br />    
 2         密码框:<input type="password" /><br />
 3         
 4         单选按钮:    <input type="radio" name="sex"/> 5                 <input type="radio" name="sex"/><br />
 6                 
 7         复选按钮:    <input type="checkbox" name="hobby" />唱歌
 8                 <input type="checkbox" name="hobby"/>跳舞
 9                 <input type="checkbox" name="hobby"/>代码<br />
10                 
11         普通按钮:<input type="button" value="普通按钮"/><br />
12         提交按钮:<input type="submit" value="登陆" /><br />
13         重置按钮:    <input type="reset" value="清空"/><br />
14         
15         文件域:    <input type="file" name="file1"/><br />
16         影像域:    <input type="image"  src="../img/btn.jpg"/ width="192" height="120"><br />
17         隐藏域:    <input type="hidden" name="userId"/><br />
18         
19         文本域:    <textarea cols="50" rows="10">
20                 请您输入观看《伴我同行》的感想 :)
21         </textarea><br />
22         
23         下拉列表选择框:<select>
24             <option>---请输入所在的城市---</option>
25             <option>北京</option>
26             <option>上海</option>
27             <option>广州</option>
28             <option>深圳</option>
29             <option>天津</option>
30         </select>

 

猜你喜欢

转载自www.cnblogs.com/Lunix-touch/p/11229195.html