form标记

人们在网站登陆信息时,网站要提供给用户用户名文本框与密码文本框,这就是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>
显示结果如下:


  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值