当前位置:Gxlcms > html代码 > HTMLCSS之FORM的详细介绍

HTMLCSS之FORM的详细介绍

时间:2021-07-01 10:21:17 帮助过:96人阅读

form 表单 常用于收集不同类用户的输入,允许用户收集:文本域(text)、下拉列表(select)、单选框(radio)、复选框(checkbox) 以及动按纽(Action)

表单标签

HTML CSS之FORM的详细介绍

大多数表单标签都是input标签,输入类型是(type)定义的。

例:<form>

<input type="text" name="first_text">

<input type='text' name="address" value="广东"> 当需要默认值时用 value属性

<input type="radio" name="姓别" value="boy">

<input type="radio" name="姓别" value="boy" checked="selected" / >(默认选中) 单选

<input type="checkbox" name="老虎">

<input type="checkbox" name="地名",value="江西" checked="selected"> (默认选中) 多选

下拉列表使用到的元素为: select 属性为:option

例:

<select>

<option value="dongfong">东风</option>

<option value="qq" selected="select" >寄瑞</option> selected为默认选择属性 <option value="jili">吉利</option>

</select>

</form>

HTML CSS之FORM的详细介绍

本例演示如何在数据周围绘制一个带标题的框。

<form>

<fieldset>

<legend>健康信息</legend>

身高:<input type="text" />

三围:<input type="text" />

</fieldset>

</form>

Button 按钮的三个属性

submit 该按钮是提交按钮(除了 Internet Explorer,该值是其他浏览器的默认值)。

button 该按钮是可点击的按钮(Internet Explorer 的默认值)。

reset 该按钮是重置按钮(清除表单数据)。

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  
  <button type="submit" value="Submit">Submit</button>
  <button type="reset" value="Reset">Reset</button>
</form>

以上就是HTML CSS之FORM的详细介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行