表单语法:
<form>表单元素
</form>
注意:表单本身不可见
form标签中,实现表单元素添加:
<input> 表单输入标签<select> 菜单和列表标签
<option> 菜单和列表项目标签
<textarea> 文字域标签
<optgroup> 菜单和列表项目分组标签
input标签没有结束标签所以要在末尾加/:<input type="类型属性 name="名称".../>
input中type属性:
text 文字域password 密码域
file 文件域
checkbox 复选域
radio 单选域
button 按钮
submit 提交按钮
reset 重置按钮
hidden 隐藏域
image 图像域
type中text属性:
name 文字域的名称maxlength 指用户输入的最大字符长度
size 指定文本框宽度以字符个数为单位,文本框缺省宽度是20字符
value 指定文本框的默认值
placeholder 规定用户填写输入字段的提示
radio单选框中想要只选择其中一个那么 name就要保持一致
<td>男<input type="radio" name="sex" value="man"/>
女<input type="radio" name="sex" value="woman"/>
保密<input type="radio" name="sex" value="bm" checked/>
</td>
checked表示这条为默认值
单选框语法:
<input type="radio" name=".." value="..." checked/>
复选框语法:
<input type="checkbox" name=".." value="..." checked/>value表示你选择的元素传递给服务器,服务器根据收到的value知道我们选择的是哪项内容
复选框的name值是不受影响的
按钮:
<td><input type="button" value="来点我" name="button"/>
<input type="submit" value="submit" name="submit" />
<input type="reset" value="reset" name="reset" />
</td>
按钮有默认字样,如果要修改,使用value
图像域(图像提交按钮)
语法:<input type="image" name="..." src="imageurl"/>
隐藏域:不想被用户看到,但要被传递给服务器的信息可以使用
语法:<input type="hidden" name="..." value="..."/>
下拉菜单和列表标签
语法:<select>
<option value="...">选项</option>
<option value="...">选项</option>
...
</select>
注意:添加的选项只是显示出来的值
传递给服务器的是value中的值
select标签属性:如果要是列表的样式,可使用<select size="数字",multiple>
name 设置下拉菜单和列表的名称multiple 设置可选择多个选项
size 设置列表中可见选项的数目
option标签属性
selected 设置选项初始选中状态value 定义送往服务器的选项值
optgroup给列表中的多个元素分组:
<select><optgroup label="组1">
<option value="...">选项</option>
<option value="...">选项</option>
...
</optgroup>
<optgroup label="组2">
<option value="...">选项</option>
<option value="...">选项</option>
...
</optgroup>
</select>
textarea多行文本域
语法:<textarea name=".." rows=".." cols=".."...>
内容....
</textarea>
textarea属性:
name 设置文本区的名称placeholder 设置描述文本区域预期值的简短提示
rows 设置文本区内的可见行数
cols 设置文本区内的可见宽度
表单:访问一个含有表单的页面输入数据后提交表单,通过打包这些文件传送给服务器
服务器接受数据并转由程序处理
form标签
语法:(以什么方式传输,传送给谁,是通过以下元素实现的)
<form action="" method="" name=""...>
表单元素
</form>
action URL 提交表单时向何处发送表单数据
method get、post 设置表单以何种方式发送到指定页面
name form_name 表单的名称
target _blank、_self、_parent、_top 在何处打开action URL
enctype 在发送表单数据前如何对其进行编码
method中post和get区别:
get:使用URL传递参数对所发送信息的数量也有限制
一般用于信息获取
post:表单数据作为HTTP请求体的一部分
对所发送信息的数量无限制
一般用于修改服务器上的资源
<div>标签
是一个区块容器标记,<div></div>之间是一个容器,可以包含段落、表格、图片等各种HTML元素
<span>标签
没有实际意义,为了应用样式HTML标签
块级标签:占据一行,换行
行内标签:在一行,不换行
标签嵌套规则:
块级元素可包含行内元素和某些块级元素<div><h1><a href=""></h1></div>
行内元素不能包含块元素,只能包含行内元素
<span><em></em></span>
块级元素不能放在<p>标签内
特殊的块级元素只能包含行内元素,不能包含块级元素
如:h1、h2、h3、h4、h5、h6、p、dt-->
块级元素与块元素并列,行内元素和行内元素并列
<div><h1></h1><p></p></div><!--正确-->
<div><span></span><a href=""></a></div><!--正确-->