常用的一些表单控件

表单:用于显示收集信息,并提交信息到服务器)
1.表单元素 <form ></form>
主要属性:action: 当提交表单时，向何处发送表单数据,属性值为一个URL
　　　　method:使用什么方式将表单数据发送到action属性所规定的页面(get post)
　　　　enctype:表单数据进行编码的方式
　　　　name:表单名称
2.表单控件:
　　(1).<input>元素用于收集用户信息,为单标记.
　　　　主要属性: type:根据不同的type属性值，可以创建各种类型的输入字段
　　　　　　　　value:控件的数据
　　　　　　　　name:控件的名称
　　(2).文本框与密码框:<input type="text" />
　　　　　　　　　　　 <input type="password" />
　　　　　　主要属性: value: 由访问者自由输入的任何文本
　　　　　　　　　　　maxlength;限制输入的字符数
　　　　　　　　　　　readonly:设置文本控件只读
　　(3).单选框与复选框:单选框<input type="radio"/>
　　　　　　　　　　　复选框<input type="checkbox"/>
　　　　　　主要属性:value:文本,提交form时,选中此单选按钮,则value被发送到服务器
　　　　　　　　　　 name:用于实现分组,一组单选框或者复选框的名称必须相同
　　　　　　　　　　checked:设置选中
　　(4).按钮提交按钮<input type="submit"/>传送表单数据到服务端或者其他程序处理
　　　　　　重置按钮<input type="reset"/>清空表单内容并把所有表单空间设置为默认值
　　　　　　普通按钮<input type="button"/>用于执行客户端脚本(javascript将会用到)
　　　　主要属性:value:按钮的标题文本
　　(5).隐藏域和文件选择框
　　　　隐藏域:<input type="hidden"/> 在表单中包含不希望用户看见的信息
　　　　文件选择框<input type="file"/> 选择要上传的文件
　　(6).<label></label>元素将文本与控件联系在一起后,单击文本,效果与单击控件一样
　　　　eg: <body>
　　　　　　<form action="SaveData.aspx" method="post"><br />
　　　　　　<input type="checkbox" name="chkHid" id="chkHid" />
　　　　　　<label for="chkHid">不要公开我的信息</label>
　　　　　　</form>
　　　　　　</body>
　　(7).选项框 (下拉选项框和滚动列表)
　　　　　select元素:使用其可创建选项框，并使用<option>元素创建其中的每一个选项
　　　　属性有: name：为选项框命名.
　　　　　　　　disabled：禁用控件，该属性的值为“disabled”。
　　　　　　　　size：值为1时是下拉选项框,值大于1时为滚动列表
　　　　　　　　multiple：允许用户同时选择多个选项。若无设置该属性，则只能选择一个选项。
　　　　<option>:<select>元素至少需要包含一个<option>元素,代表选项.
　　属性有: value：选项的值。若被选中，该属性的值会被发送给服务器。
　　　　　　disabled：规定某个选项应该被禁用。被禁用的选项既不可用，也不可点击。
　　　　　　selected属性:被预选的选项会显示在下拉列表最前面的位置。
　(8).<textarea>元素:用于创建多行的文本输入控件，该文本区中可容纳无限数量的文本
　　属性有: name：设置控件的名称，用于提供“名/值”对，以发送给服务器。
　　　　　　cols：cols属性用于定义文本区的宽度（以平均字符数计）。
　　　　　　rows：rows属性用于规定文本区的高度（以行数计）。
　　　　　　disabled：禁用控件,被禁用的文本区域控件既不可用，也不可点击。
　　　　　　readonly属性：规定多行文本框为只读，无法对内容进行修改.

时间： 2024-12-06 11:22:16

常用的一些表单控件

常用的一些表单控件的相关文章

我教女朋友学编程Html系列(6)—Html常用表单控件

HTML5(常用的表单控件)

基于CkEditor实现.net在线开发之路（3）常用From表单控件介绍与说明

html入门（列表、表单、常用表单控件、浮动框架、iframe、摘要与细节、度量标签）

通达OA 小飞鱼工作流在线培训教程（八）常用表单控件

基于Extjs的web表单设计器第二节——表单控件设计

分针网—每日分享：Vue.js事件处理器与表单控件绑定

FineUI第六天---表单控件

HTML5 新增表单控件