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

html表单

时间:2016-03-14 21:52:39      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:

                HTML表单

1.表单用与获取不同类型的用户输入

2.常用表单标签

<form>  表单

<input> 输入域

<textarea> 文本域

<label>控制标签

<fieldend>定义域

<legend>域的标题

<select>选择列表

<optgroup>选项组

<option>下拉列表中的选项

<button>按钮


<form action="#">
    用户名<input type="text"/>
    密码 <input type="password"/>

    西瓜 <input type="checkbox"/>
    菊花 <input type="checkbox"/>     复选框
    木瓜 <input type="checkbox"/>

 男 <input type="radio" name="sex"/>     如果name 值不同就不会成为单选
女 <input type="radio" name="sex"/>

 

 
   

 

 

 

<select name="XXX" id="XXX">
    <option value="XX">天使</option>         下拉表单    name为后台用,id为前端用
    <option value="XX">恶魔</option>
</select>
 
<input type="button" value="按钮"/>       设置按钮
    
  <input type="submit" value="XX"/>          设置提交按钮   ,xx为按钮名字
 

 

</form>

 

<textarea name="xx" id="xx" cols="30" rows="10">请输入你的内容</textarea>    文本域

html表单

标签:

原文地址:http://www.cnblogs.com/gojia/p/5277175.html

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