当前位置:首页 > 新闻资讯 >

网站建设之初识HTML标签-form表单标签

日期:2022-03-13 18:45 编辑:leo 来源:互联网 标签:标签初识表单 浏览:350次

网站建设之初识HTML标签-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定义输入字段,用户可在其中输入数据。在HTML5中,type属性有很多新的值。   具体在下面有详解:   如:<inputtype="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>    身高:<inputtype="text" /><br/>    体重:<inputtype="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">     <inputlist="browsers"name="browser">     <datalist id="browsers">      <option value="Internet Explorer">      <option value="Firefox">      <option value="Chrome">      <option value="Opera">      <option value="Safari">     </datalist>     <inputtype="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图片按钮,默认具有提交表单功能。  

延伸阅读:

本站文章,部分来源互联网,部分为原创,如有侵权请联系我们,如您转载请注明来自:https://www.e1000u.net/news/1584.html