首页 >web前端 >html教程 >html表单标记简单使用_html/css_WEB-ITnose

html表单标记简单使用_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:38:001411浏览

1、

...
表单标记

基本语法格式:



属性说明:

action属性:改属性用来指定处理表单数据程序的URL地址。

method属性:改属性用来指定数据传送到服务器的方式。有两种属性值,get和post

name属性:指定表单的名称,可自定义

onSubmit属性:指定当用户单击提交按钮时触发的事件。
target属性:指定输入数据结果显示在哪个窗口中,_blank标示在新窗口中打开目标文件;_self表示在同一个窗口中打开,该项一般不用设置;_parent表示在上一级窗口中打开,一般使用框架页时经常使用;_top表示在浏览器的整个窗口中打开,忽略任何框架。

2、表单输入标记

是使用最频繁的表单标记,基本语法格式如下:

<input type="image" disabled checked width="digit" maxlength="digit" readonly size="digit" src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox">

属性值:

type:用于指定添加的是哪种类型的输入字段:有text、password、file、radio、checkbox等

disabled:指定输入字段不可用,即字段变成灰色,其属性值可以为空值,也可以指定为disabled

checked:指定输入字段是否处于被选中状态,用type属性值为radio和checkbox的情况

width:指定输入字段宽度,用type属性值为image情况

height:指定输入字段高度,用type属性值为image情况

maxlength:指定可输入文字个数,用于type为text和password情况,默认没有字数限制

readonly:设置为只读,属性值可为空,也可为readonly

size:指定图片来源,type属性值为image时有效

usemap:为图片设置热点地图,type属性值为image时有效

alt:用于指定当图片无法显示时显示的文字,type属性值为image时有效

name:指定输入字段的名称

value:指定输入字段默认的数据值,当type为checkbox和radio时,不可省略,指定的是数据项选定时的值。当type属性值为button、reset、submit时,指定的是按钮上的显示文字;


3、下拉列表框标记

基本语法:

<select name="name" size="digit" multiple disabled></select>

属性:

name:列表框的名称

size:显示的选项数量,超出通过拖动滚动条查看

disabled:指定列表框不可用

multiple:用于让多行列表框支持多选


4、

基本语法格式:

<textarea cols="digit" rows="digit" name="name" disabled readonly warp="value">默认值</textarea>

属性值:

name:指定多行文本框名称,表单提交后,在服务器端获取表单数据时应用

cols:指定多行文本框显示的列数(宽度)

rows:指定多行文本框显示的行数(高度)

disabled:指定多行文本框不可使用(变灰)

readonly:指定当前多行文本框只读

warp:设置选中的文字是否自动换行:可选值:hard:默认值,自动换行,提交到服务器时换行符同时被提交;soft:自动换行,但是换行符不被提交;off“:不自动换行


下面给出一个简单的示例:


用户名:
密码:
确认密码:
性别:男 
爱好:体育旅游听音乐看书
E-mail:

 多行列表框(不可多选): 多行列表框(可多选):

版权声明:本文为博主原创文章,未经博主允许不得转载。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn