上一篇 下一篇 列表

网站建设之初识HTML标签-form表单标签 - 成都网站建设|成都网站制作|成都网站设计|成都网络公司|成都高端网站设计制作|悦车科技【官网】

公司动态 DATE:2015-04-13



上一章节和大家说了关于*表格标签 今天为大家介绍的是form表单标签,我们很多的表单都是通过这个来做的哟!           **form表单标签 ---------------------------------------------------------  1. <form></form> --表单标签   form标签常用属性:    *action属性:提交的目标地址(URL)    *method属性:提交方式:get(默认)和post     get方式是URL地址栏可见,长度受限制(IE2k 火狐8k),相对不安全.     post方式是URL地址不可见,长度不受限制,相对安全.    enctype:提交类型    target: 在何处打开目标 URL。    name:属性为表单起个名字.HTML5不支持。用 id 代替。    2. <input> 表单项标签input定义输入字段,用户可在其中输入数据。在 HTML 5 中,type 属性有很多新的值。   具体在下面有详解:   如:<input type="text" name="username">     3. <select> 标签创建下拉列表。   *name属性:定义名称,用于存储下拉值的    size:定义菜单中可见项目的数目,html5不支持    disabled 当该属性为 true 时,会禁用该菜单。    multiple 多选    *<option>  下拉选择项标签,用于嵌入到<select>标签中使用的;    *value属性:下拉项的值    *selected属性:默认下拉指定项.     4. *<textarea> 多行的文本输入区域    *name :定义名称,用于存储文本区域中的值。    *cols :规定文本区内可见的列数。    *rows :规定文本区内可见的行数。    disabled: 是否禁用    readonly: 只读    ...    5. *<button> 标签定义按钮。   您可以在 button 元素中放置内容,比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。       6. <fieldset> html5标签--fieldset 元素可将表单内的相关元素分组。   disabled属性:定义 fieldset 是否可见。   form属性: 定义该 fieldset 所属的一个或多个表单。  7. <legend> html5标签--<legend> 标签为 <fieldset>、<figure> 以及 <details> 元素定义标题。    <form>      <fieldset>     <legend>健康信息:</legend>     身高:<input type="text" /><br/>     体重:<input type="text" /><br/>      </fieldset>    </form>       8. <optgroup> html5标签--<optgroup> 标签定义选项组。此元素允许您组合选项   样例:    <select>      <optgroup label="Swedish Cars">     <option value="volvo">Volvo</option>     <option value="saab">Saab</option>      </optgroup>      <optgroup label="German Cars">     <option value="mercedes">Mercedes</option>     <option value="audi">Audi</option>      </optgroup>    </select>      9. <datalist> html5标签--<datalist> 标签定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表。    样例:     <form action="demo_form.php" method="get">      <input list="browsers" name="browser">      <datalist id="browsers">       <option value="Internet Explorer">       <option value="Firefox">       <option value="Chrome">       <option value="Opera">       <option value="Safari">      </datalist>      <input type="submit">     </form>    10. **<input/>  表单项中的属性,可以提供      *type属性:表示表单项的类型:值如下:     text:单行文本框     password:密码输入框     checkbox:多选框 注意要提供value值     radio:单选框   注意要提供value值     file:文件上传选择框     button:普通按钮     submit:提交按钮     image:图片提交按钮     reset:重置按钮, 还原到开始(第一次打开时)的效果     hidden:表单隐藏域,主要是和表单一块提交的信息,但是不需要用户修改    *name属性:表单项名,用于存储内容值的    *value属性:输入的值(默认指定值)    size属性:输入框的宽度值    maxlength属性:输入框的输入内容的最大长度    readonly属性:对输入框只读属性    *disabled属性:禁用属性    *checked属性:对选择框指定默认选项    accesskey属性:指定快捷键(不常用) (IE:alt+键  火狐:alt+shift+键)    tabindex属性:通过数字指定tab键的切换顺序(不常用)        src和alt是为图片按钮设置的       注意:reset重置按钮是将表单数据恢复到第一次打开时的状态,并不是清空     image图片按钮,默认具有提交表单功能。      更多网站建设内容尽在悦车科技,转载请注明出处!

相关阅读