html使用表单向服务器提交请求,表单控件的主要作用就是收集用户的输入,当用户提交表单时,用户输入内容将被作为请求参数提交到远程服务器上
10年积累的成都网站设计、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有甘州免费网站建设让你可以放心的选择与我们合作。html原有的表单及表单控件
form属性 | 说明 |
action | 指定当单击表单的确认按钮,该表单被提交到哪个地址,可以是相对/绝对地址 |
method | 指定提交表单时发送何种类型的请求 属性值可以为get post |
enctype | 对表单内容进行编码所使用的字符集 |
name | 指定表单的唯一名称,建议该属性值与id属性值保持一致 |
target | 使用哪种方式打开目标URL,该属性值可以是_blank _parent _self _top |
post:传送的数据量比较大,用户在地址栏里看不到参数,安全性较高 | |
get:直接在地址栏中输入访问地址所发送的请求 |
使用input元素,input元素是表单空间当中功能最为丰富,如下几种输入元素都是通过元素生成
单行文本框 text | 单行文本框用于接受用户的输入 |
密码输入框 password | 密码框文字不可见 |
隐藏域 hidden | 不接受用户输入,也不能生成可视化部分 |
复选框 checkbox(radio 单选框) | 供用户选择 |
图像域 p_w_picpath | 和提交按钮的作用基本一样,单击表单被提交 |
文件上传域 file | 允许用户浏览本地磁盘文件,并将该文件上传到服务器 |
提交 submit | 提交按钮 |
重设 reset | 重置按钮 |
input核心属性
checked | 设置单选框、复选框初识状态是否处于选中状态,该属性只能是checked,选中 |
disabled | b表示该元素禁用,该元素无法获得焦点 |
maxlength | 该属性值是一个数字,指定文本矿中允许输入的大字符字数 |
size | 指定该元素的宽度 |
readonly | 文本框中的值不允许用户更改 |
src | 指定图像域所显示图像的URL |
代码示例:
表单
使用label定义标签:
标签与表单空间关联有两种方式
①隐式使用for属性:指定
②显示关联:将普通文本、表单空间一起放在
label元素
列表框和下拉菜单:
用于创建列表框或下拉菜单,该元素必须要和
select元素
textarea定义文本域:
cols 指定文本域的宽度;
rows 指定文本域的高度;
disabled 指定禁用该文本域
readonly 指定该文本域只读
多行文本域
html5新增的属性与元素
form属性 指定属于哪一个form | |
formaction 提交到不同的action | |
formxxx 与formaction相似 | |
autofocus 获得焦点 | |
placeholder 提示信息 | |
list 必须与datalist结合使用 | list用法见下 |
autocomplete 与list结合使用 | on 打开antocomplete 文本框下方会显示下拉菜单 |
list属性
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。