D 01-HTML表单标签(重点)

HTML表单标签(重点)

表单标签分成3大类

第一类:输入项标签<input/>

步骤:

第一步:定义一个表单<form>表单内容</form>

第二步:在表单中设置type属性设置标签的种类<input/>

type类型:

text默认
    password密码
    radio单选框
    checkbox多选框
    submit提交按钮
    file:文件复选框,用于文件上传
    reset回复默认状态
    hidden隐藏域一般用作提交服务器需要拿到，但用户不需要看到的数据。
button:普通按钮。需要和JS事件一起用

点击提交按钮时,提交数据时
        ?后面参数列表
        参数列表格式
        参数1=参数值1&参数2=参数值2
       
        on表示选中
        ?sex=on
       
        单选框,只可以选择,不能输入.所以用value值,回传参数值.
    文本框:因为用户有输入,所以可以不一定需要指定value属性
     
   
    name作用:
    1,name来进行分组
    2,name:设置个标签对应的参数名,某个表单输入项需要通过参数列表提交数据,就必须设置name属性

      value:设置该标签的对应回传参数值 (ps也是按钮名)
        1,文本框,密码框这样的输入表单,可以不强制用value,因为用户可以自己输入参数值
        2,单选框,和复选框这样的输入框,必须制定value.如果不设置默认全部提交on

3,按钮名称

(ps:java EE中用的最多的就是用表单来传数据,一定要有name:   name表示传递数据的对象名称   也一定要有value: value是回传的参数,数据.)
       

第二类:选择框标签<select></select>

<select></select>标签  定义一个选择框

 例如:

		<form>
			<select name="test">
				<option>111</option>
				<option>222</option>
				<option>333</option>
				<option value="4">444</option>
			</select>
			<br />
			<br />
			<br />
			<select name="city">
				<option selected="selected">请选择城市</option>
				<option>北京</option>
				<option>上海</option>
				<option>武汉</option>
				<option>杭州</option>
				
			</select>
			
			
			<br />
			<br />
			<br />
			<select name="life" multiple="multiple">
				<option selected="selected">你的爱好</option>
				<option value="eat">吃</option>
				<option>喝</option>
				<option value="play">玩</option>
				<option>乐</option>
			</select>
			<input type="submit" value="提交" />
		</form>

 name: 设置该标签对应的参数名

 multiple：设置该标签选项全部显示，并且可以进行多选提交。默认为单选。

 

<option></option>标签

选项标签，用于为一个选择框添加一个选项

 value:设置需要提交的参数值。

 selected:设置选项的默认选中状态

 

注意事项：

Option的内容体一般是用来进行展示

参数值 应该是option的value属性值

第三类:文本域标签<textarea></textarea>

<textarea></textarea>标签

表单输入项标签之一，用户可以在该标签上 通过输入 进行数据的输入。

name: 设置该标签对应的参数名

 

文本域和文本框区别：

文本框不能换行，文本域可以

文本框参数值是value属性，文本域参数值是标签的内容体