html(4)表单

1.语法
<form action="" method="get|post>
<input type="" name="" value=""/>
post:规定如何发送表单数据

2.<input元素的属性>

(1)type属性的值

  text:表示输入框(文本框)
  password:表示密码框
  submit:表示提交按钮
  reset:表示重置按钮
  radio:单选按钮
  checkbox:复选按钮
  file:文件传输协议
  hidden:隐藏域
  image:照片
  button:普通按钮

 

3.下拉框

<select name="" >                 <!--下拉框-->
  <option value=""></option>        <!--下拉框选项-->
</select>
注意:a.默认选中<option selected="selected"></option>
   b.radio,<checkbox的默认选中是checked="checked"

 

1 <select name="mouse">
2                 <option value="mr">默认</option>
3                 <option value="cs" selected="selected">极速</option>
4                 <option value="bj">北京</option>
5                 <option value="sh">上海</option>
6             </select>
例如:

4.图片按钮

<input type="image" src="图片路径+名称"/>

5.文本域

<input type="file"/>

注意:提交方式是post,并且在form中指定enctype="multipart/form-data"

6.多行文本域
<textarea
cols="多行" rows="多行"> </textarea>
7.域
<fielsdet> //域标签
  <legend>xxxx</legend> //域标签
  <input type="xxx">
</fielsdet>

8.表单元素标注
<label for="id属性值"></label>标注
步骤:
  第一步:给指定的标签加上id属性
  第二步:在label中加上for="id的属性的值"
9.只读和禁用
只读:<readonly="readonly">
禁用:<disabled="disabled">

posted @ 2017-05-16 11:14  七月~  阅读(230)  评论(0编辑  收藏  举报