输入域标记<input>是表单中最常用的标记之一。常用的文本框、按钮、单选按钮、复选框等构成了一个完整的表单。
语法格式如下:
<form>
<input name="file_name" type="type_name">
</form>
其中,name是指输入域的名称,type是指输入域的类型。在〈input type="">标记中一共提供了10 种类型的输入区域,用户所选择使用的类型由type属性决定。type属性取值及举例如表所示。
值 | 举 例 | 说 明 | 运行结果 |
text | 〈input name="user" type="text" value= "纯净水"size:" 12" maxlength="1000"> | name为文本框的名称,value是文本框 的默认值,size指文本框的宽度(以字 符为单位),niaxlength指文本框的最 大输入字符数 | 添加一个文本框: |
丨纯净水 | |||
password | 〈input name=Mpwd" type=Mpassword"value= "666666" size-'12" maxlength="20"> | 密码域,用户在该文本框中输入的字符 将被替换显示为*,以起到保密作用 | 添加一个密码域: |氺本木本本本 |
file | 〈input name=,,file" type=,,file,,enctype= ,,multipart/form-dataMsize=M 16" maxlength="200"〉 | 文件域,当文件上传时,可用来打开一个 模式窗口以选择文件,然后将文件通过表 单上传到服务器,如上传Word文件等。 必须注意的是,上传文件时需要指明表单 的属性 enctype=Mmultipart/form*data_’才可 以实现上传功能 | 添加一个文件域: 1 .撇…| |
image | 〈input name="imageField" typc="image" src="images/banner.gif' width=" 120"heiglit= "24" bordei-"0"> | 图像域是指可以用在提交按钮位置上 的图片,这幅图片具有按钮的功能 | 添加一个图像域: |
值 | 举 例 | 说 明 | 运行结果 |
radio | 〈input name="sex" type="radio" value= "1" checked〉男 〈input name="sex" type="radio" value: "0">女 | 单选按钮,用于设罝一组选项,用户只 能选择一项。checked属性用来设贤该 单选按钮默认被选中 | 添加一组单选按钮 (例如,您的性别 为:) ^男f女 |
checkbox | 〈input namc="checkbox" type="chcckbox" valuc=" 1 '* checked〉 封面 〈input name="checkbox" typc=,,checkbox" value=" 1" checked〉 正文内容 〈input name="checkbox" type="checkbox" value="0"> 价格 | 复选框,允许用户选择多个选项。 checked诚性用來设置该复选框默认被 选中。例如,收集个人信息时,要求在 个人爱好的选项中进行多项选择等 | 添加一组鉍选框, (例如,影响您购 买本书的因索:) P封面 ^正文内容 r价格 |
submit | 〈input type="submit"name=MSubmit,,value=" 提交"> | 将表单的内容提交到服务器端 | 添加一个提交按钮: 胺1 |
reset | 〈input type="reset" name="Submit" value=" 重冒"> | 清除与M置表单内容,用于淸除表单中 所有文本框的内容,并使选择菜单项恢 复到初始值 | 添加一个重罝按钮: MJ |
button | 〈input type="button" name="Submit" value= ”按钮•,> | 按钮可以激发提交表单的动作,可以在用 户需要修改表单时,将表单恢复到初始的 状态,还可以依照程序的需要发挥其他作 用。普迎按钮一般是配合JavaScript脚木 进行表单处理的 | 添加一个普通按钮: 按钮| |
hidden | 〈input type="hidden" name="bookid"> | 隐藏域,用于在表单中以隐含方式提交变 量值。隐藏域在页面中对于用户是不可见 的,添加隐藏域的目的在于通过隐藏的方 式收集或者发送信息。浏览者单击“发 送”按钮发送表单时,隐藏域的信息也被 一起发送到action指定的处理页 | 添加一个隐藏域: |
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>