表单

2019-09-27  本文已影响0人  王雪浩_强化班

# 表单元素

<label>定义了 <input> 元素的标签,一般为输入标题"for"

属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

<form> 定义供用户输入的表单

<select>定义了下拉选项列表

<option>定义下拉列表中的选项

  疑问:表单建立在form标签中

  多数情况下被用到的表单标签是输入标签(<input>)

  输入类型是由类型属性(type)定义的

  <input type="text">//文本域

  type="password"  //密码框

  radio          //单选按钮

  checkbox      //复选按钮

  submit        //提交按钮

  email        //邮箱,可自动检测邮箱格式

  * 简单的下拉列表

  <form action="">

<select >

<option value="volvo">1</option>

<option value="saab">2</option>

<option value="fiat" selected>3</option>  //加入selected表示第一个预选3

<option value="audi">4</option>

<lect>

</form>

# 表单元素属性

<input> autofocus 属性  //页面加载时自动获得焦点

# 为表单界面增加边框

<fieldset>                                    //fieldset为增加边框,legend为边框上的内容

<legend>Personal information:</legend>

Name: <input type="text" size="30"><br>

</fieldset>

上一篇下一篇

猜你喜欢

热点阅读