人们在网站登陆信息时,网站要提供给用户用户名文本框与密码文本框,这就是HTML中的表单元素。
一、<form> 表单在此标记内设置,有如下属性:
1、action,为处理表单的页面的URL地址;
2、method,指定数据传送到服务器的方式,它有两种属性值,分别为get和post。get属性值表示将输入的数据追加到action指定地址的后面,并传送到服务器。属性值为post时,会将输入的数据按照HTTP协议中的post传输方式传送到服务器。
3、name,指定表单名称。
4、target,指定数据结果显示在那个窗口,可以设置_blank、_self、_parent和_top,_blank表示在新窗口打开目标文件;_selt表示在同一个窗口中打开;_parent表示在上一级窗口中打开,一般在框架中经常使用,_top表示在浏览器整个窗口中打开,忽略任何框架。
二、<input>表单输入标记,常用属性如下:
1、type指定是哪种类型的输入字段,type属性值如下:
1)text 文本框
2)password 密码域
3)radio单选按钮
4)checkbox 复选框
5)submit 提交按钮
6)reset 重置按钮
7)button 普通按钮
8)hidden 隐藏域
2、check指定字段是否处于被选中状态,值可以为空,也可以为checked
3、name指定字段名称
4、value指定字段默认值,type为checkbox和radio时,不可省略此属性,type为button、reset、submit时,指定按钮上的文字。
三、<select>下拉列表标记,属性如下:
1、name指定列表框名称;
2、size指定列表框显示的选项数量,超出该数量可通过拖动滚动条查看;
3、multiple让多行列表框支持多选;
4、<option>标记用于<select>标记中。
四、<textarea>多行文本框标记,属性如下:
1、name 指定多行文本框名称;
2、cols 指定多行文本框宽度;
3、rows 指定多行文本框高度;
4、readonly 指定为只读;
5、wrap 设置多行文本框文字是否自动换行,可选值如下:
1)hard 自动换行,若文字超过cols设定值就自动换行,提交到服务器时换行符同时提交;
2)soft 自动换行,若文字超过cols设定值自动换行,但换行符不被提交到服务器;
3)off 不自动换行,若要换行,只能按下Enter键强制换行。
代码如下:
<form name="form1" action="" method="post">
学号: <input name="fno" type="text"> <br>
姓名: <input name="fname" type="text"> <br>
班级编号:<select name="cno">
<option > 1001 </option>
<option > 1002 </option>
<option > 1003 </option>
</select> <br>
性别:<input name="fsex" type="radio" value="男" checked>男 nbsp;nbsp;
<input name="fsex" type="radio" value="女">女 <br>
个人说明:<textarea name="hdesc" cols="20" rows="5"> </textarea> <br>
密码:<input name="fpass" type="text"> <br>
<input type="submit" value="提交">
nbsp;nbsp;nbsp;
<input type="reset" value="重置">
</form>
显示结果如下: