表单

# 表单元素

<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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容