表单

2017-01-05 20:14:59来源:CSDN作者:Leslie_LN人点击

表格

表格主要有三个标签构成:<table>(表格标签)、<tr>(行标记)、<td>(单元格标记)

表格标题

    <caption>

特殊的单元格,一般独占一行,位于第一行

表单

表单属性:

表单属性

输入标记

语法:

        <form>            <input name="控件名" type=控件类型'>        </form>

控件类型:

取值 描述
text 文字域
password 密码域(在输入密码时,以*代替显示)
radio 单选按钮
checkbox 复选框
Button 普通按钮
submit 提交按钮
reset 重置按钮
image 图形域
hidden 隐藏域(将不显示在页面,只将内容传递到服务器中)
file 文件域

文字域

  • 语法格式:

         "<input type="text" 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" value='排球'/>排球            <input type="radio" 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" 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> 

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台