HTML学习感想(3)【单行文本输入框和提交重置按钮】
2011-07-12 23:22
375 查看
单行文本输入框
当type="text"时,表示该输入项的输入信息是字符串。此时浏览器会在相应的位置显示一个文本框供用户输入信息。基本语法:<form>
<input name="text" type="text" maxlength=" " size=" " value=" ">
</form>
语法说明:text文本框是一个只能输入一行文字的输入框。<input>标记除了有两个必选的属性name和type外,还有3个可选的属性:maxlength,size和value。
(1). maxlength:设置单行输入框可以输入的最大字符数,例如限制邮政编码为6个数字,密码最多为10个字符等。
(2).size:设置单行输入框可显示的最大字符数,这个值总是小于等于maxlength属性的值,当输入的字符数超过文本框的长度时,用户可以通过移动光标来查看超出的内容。
(3).value:文本框的值,可以通过设置value属性的值来指定当表单首次被载入时显示在输入框中的值。
(4).如果需要创建一个随着表单提交一同传递的元素,希望用户看到,却又不允许编辑,可以添加"readonly"属性。
提交按钮和重置按钮
当type="submit"时,显示一个提交按钮。当type="reset"时,显示一个重置按钮。一般情况下,提交与重置按钮是同时出现的。基本语法:<form><input name="submit" type="submit" value="提交"></form>
<form><input name="submit" type="reset" value="重置"></form>
语法说明:
(1).提交按钮的name属性是可以默认的。除name属性外,它还有一个可选的属性value,用于指定显示在提交按钮上的文字,value属性的默认值是“提交”。在一个表单中必须有提交按钮,否则将无法向服务器传送信息。
(2).重置按钮的name属性也是可以默认的。value属性与submit类似,用于指定显示在重置按钮上的文字,value的默认值为“重置”。
相关文章推荐
- HTML学习感想(5)【图像按钮、文件选择输入框、多行文本输入框】
- Qt学习四:控件一:按钮、标签、单行文本、多行文本
- html 复制标签内文本的按钮的 js 实现【学习过程】【浏览器兼容】
- html基础-表单控件、密码框、单选按钮、复选框、多行文本框、下拉列表、按钮(提交、图片、重置)
- Html(4)表单,单选框、复选框,提交、重置按钮
- HTML:下拉列表框、提交按钮、重置按钮
- HTML表单元素2(普通按钮、提交按钮、重置按钮、图像提交按钮、HTML的按钮标签<button>、练习)
- html基础 提交按钮 数据重置按钮 带图片的按钮 普通按钮,点击关闭当前页面
- html表单(文本框、密码、单选、复选、提交、重置、普通、隐藏、文件按钮、下拉选项)
- html基础 提交按钮 数据重置按钮 带图片的按钮 普通按钮,点击关闭当前页面
- HTML入门笔记26-HTML中文本输入框和单选按钮
- 表单,单行文本框,密码框,单选框,列表框(下拉列表),浏览框,隐藏域,多行文本框,图像按钮,提交按钮,重置按钮,普通按钮
- HTML学习感想(6)【下拉列表框】
- ckeditor学习笔记4——解决自定义按钮文本问题
- 一步步学习微软InfoPath2010和SP2010--第三章节--表单设计基础:处理InfoPath布局、控件和视图(7)--添加含规则的提交按钮到Flight Delay表单
- 原创超酷圆角带阴影焦点变色,还带提示按钮文本输入框
- HTML图片提交按钮
- html 文本输入框效果
- 从零开始学习Node.js例子二 文本提交与显示
- 学习ThinkPHP3.2.2:video11,对index.js中提交按钮单击事件的修改