1、<form>...</form> 表单标记
基本语法格式：
<form action="url" method="get|post" name="name" onSubmit="" target=""> </form>
属性说明：
action属性：改属性用来指定处理表单数据程序的URL地址。
method属性：改属性用来指定数据传送到服务器的方式。有两种属性值，get和post
name属性：指定表单的名称，可自定义
onSubmit属性：指定当用户单击提交按钮时触发的事件。
target属性：指定输入数据结果显示在哪个窗口中，_blank标示在新窗口中打开目标文件；_self表示在同一个窗口中打开，该项一般不用设置；_parent表示在上一级窗口中打开，一般使用框架页时经常使用；_top表示在浏览器的整个窗口中打开，忽略任何框架。
2、<input>表单输入标记
是使用最频繁的表单标记，基本语法格式如下：
<input type="image" disabled="disabled" checked="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 >...<select>下拉列表框标记
基本语法：
<select name="name" size="digit" multiple="multiple" disabled="disabled"> </select>
属性：
name：列表框的名称
size：显示的选项数量，超出通过拖动滚动条查看
disabled：指定列表框不可用
multiple：用于让多行列表框支持多选
4、<textarea> 多行文本标记
基本语法格式：
<textarea cols="digit" rows="digit" name="name" disabled="disabled" readonly="readonly" warp="value">默认值 </textarea>
属性值：
name：指定多行文本框名称，表单提交后，在服务器端获取表单数据时应用
cols：指定多行文本框显示的列数(宽度)
rows：指定多行文本框显示的行数(高度)
disabled：指定多行文本框不可使用(变灰)
readonly：指定当前多行文本框只读
warp：设置选中的文字是否自动换行：可选值：hard：默认值，自动换行，提交到服务器时换行符同时被提交；soft：自动换行，但是换行符不被提交；off“：不自动换行
下面给出一个简单的示例：
<body><form action="" method="post" name="myform"> 用户名：<input name="username" type="text" id="UserName4" maxlength="20"><br> 密码：<input name="pwd1" type="password" id="PWD14" size ="20" maxlength="20"><br> 确认密码：<input name="pwd2" type="password" id="PWD25" size ="20" maxlength="20"><br> 性别：<input name="sex" type="radio" class="noborder" value="男" checked> 男 <input name="sex" type="radio" class="noborder" value="女" checked> 女 <br> 爱好：<input name="like" type="checkbox" id="like" value="体育">体育 <input name="like" type="checkbox" id="like" value="旅游">旅游 <input name="like" type="checkbox" id="like" value="听音乐">听音乐 <input name="like" type="checkbox" id="like" value="看书">看书<br> E-mail：<input name="email" type="text" id="PWD224" size="50"><br> <textarea name="content" cols="20" rows="5" wrap="hard"></textarea> <br> <input name="Submit" type="submit" class="btn_grey" value="确定保存"> <input name="Reset" type="reset" class="btn_grey" id="Reset" value="重新填写"> <input name="imageField" type="image" src="images/btn_bg.jpg"> </form> <select name="select"> <option>数码相机区</option> <option>摄影器材</option> <option>MP3/MP4/MP5</option> <option>U盘/移动硬盘</option> </select> 多行列表框(不可多选)： <select name="select2" size="2"> <option>数码相机区</option> <option>摄影器材</option> <option>MP3/MP4/MP5</option> <option>U盘/移动硬盘</option> </select> 多行列表框(可多选)： <select name="select3" size="3" multiple> <option>数码相机区</option> <option>摄影器材</option> <option>MP3/MP4/MP5</option> <option>U盘/移动硬盘</option> </select> </body>
版权声明：本文为博主原创文章，未经博主允许不得转载。