html表单标记简单使用

随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)

1、

...

表单标记

基本语法格式：

属性说明：

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

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

name属性：指定表单的名称，可自定义

onSubmit属性：指定当用户单击提交按钮时触发的事件。

target属性：指定输入数据结果显示在哪个窗口中，_blank标示在新窗口中打开目标文件；_self表示在同一个窗口中打开，该项一般不用设置；_parent表示在上一级窗口中打开，一般使用框架页时经常使用；_top表示在浏览器的整个窗口中打开，忽略任何框架。

2、表单输入标记

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

属性值：

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、...下拉列表框标记

基本语法：

属性：

name：列表框的名称

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

disabled：指定列表框不可用

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

4、 多行文本标记</p> <p>基本语法格式：</p> <p></p> <pre class="has"><code class="language-html"><textarea cols="digit" rows="digit" name="name" disabled="disabled" readonly="readonly" warp="value">默认值

属性值：

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

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

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

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

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

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

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

用户名：

密码：

确认密码：

性别：
男 

女 

爱好：体育
旅游
听音乐
看书

E-mail：



 









数码相机区
摄影器材
MP3/MP4/MP5
U盘/移动硬盘

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

数码相机区
摄影器材
MP3/MP4/MP5
U盘/移动硬盘

 多行列表框(可多选)：

数码相机区
摄影器材
MP3/MP4/MP5
U盘/移动硬盘