表格
表格主要有三个标签构成:<table>(表格标签)、<tr>(行标记)、<td>(单元格标记)
表格标题
<caption>
特殊的单元格,一般独占一行,位于第一行
表单
表单属性:
输入标记
语法:
<form>
<input name="控件名" type=控件类型'>
</form>
控件类型:
取值 | 描述 |
text | 文字域 |
password | 密码域(在输入密码时,以*代替显示) |
radio | 单选按钮 |
checkbox | 复选框 |
Button | 普通按钮 |
submit | 提交按钮 |
reset | 重置按钮 |
image | 图形域 |
hidden | 隐藏域(将不显示在页面,只将内容传递到服务器中) |
file | 文件域 |
文字域
语法格式:
"<input type="text" name="文字域名字" maxlenggth='文字域最大输入字符数' size=文字域宽度 value=文字域默认值/>"'
文本域
在html中还用一种特殊定义的文本样式——文本域,*文本域与文字域区别:前者可以输入多行文字,后者是单行文字
*
语法:
<input type='textarea' name=文本域名字 rows=行数 cols=列数 value=默认值/>
密码域
语法:
<input type="password" name='文字域名称' maxlength=文字域最大输入字符数 size=文字域宽度(字符数) value='默认值'/>
单选按钮
语法:
<input type='radio' name='选项框名字' value=选中后传到服务器的值/>
如:
<form>
<input type="radio" name="爱好" value='排球'/>排球
<input type="radio" name="爱好" value="足球"/>足球
</form>
注意:一组单选按钮,每个按钮都需要设置name属性且一样,表示为同一组单选框
复选框
语法:
<input type='checkbox' name=复选框名 value='选中该项后发送到服务器的值'/>
注意:一组复选框按钮,每个按钮都需要设置name属性且一样,表示为同一组复选框
普通按钮
语法:
<input type='button' name='按钮名称' value="按钮上文字"/>
提交按钮
单击该按钮,将表单内容提交到服务器
语法:
<input type='submit' name='按钮名字' value='按钮上文字'/>
重置按钮
将表单的已超作内容置为默认状态
语法:
<input type='reset' name='按钮名字' value=按钮上文字/>
图像域
语法:
<input type="image" name="图像域名称" src=图片路径/>
隐藏域
隐藏域对于用户是不可见的,当提交表单信息时,隐藏域的信息也被一起发送到服务器.隐藏域主要用来发送一些参数,而这些参数不需要在页面中显示。关于使用场景,举个简单例子:向服务器发送用户的id值
语法:
<input type=hidden name='隐藏域名字' value='发送到服务器的值'/>
文件域
用于上传文件,使用场景比如:账号上穿头像
语法:
<input type='file' name='文件域名字'/>
菜单和列表标记
标记:'<select>'、<option>
语法:
<select name=菜单和列表名称 size=显示的选项数目 multiple(列表中的项目多选)>
<option value=选项值 selected(表示该选项为默认值)>选项文字</option>
<option value='..'> 选项文字</option>
</select>