html的form标签的基本介绍及使用 |
您所在的位置:网站首页 › form标签及提交属性和请求方式属性 › html的form标签的基本介绍及使用 |
目录 前言 1.什么是form标签 1.1 基本介绍 1.2 form标签的相关属性 1.2.1 action属性 1.2.2 method属性 1.2.3 name属性 2.form标签的元素 2.1 input元素 2.1.1 text 2.1.2 password 2.1.3 submit 2.1.4 radio 2.1.5 checkbox 2.1.7 html5新增的属性 2.2 input元素的其他属性 2.2 select元素(下拉列表)与option元素 2.3 textarea元素 总结 前言什么是表单?表单是html用与搜集不同类型的用户输入表单是一个区域,用来采集信息。 1.什么是form标签 1.1 基本介绍form标签是html中重要的组成部分,是用与搜集不同类型的用户所输入的信息,form标签以开始,以结束。 1.2 form标签的相关属性 1.2.1 action属性action 属性定义在提交表单时执行的动作。 向服务器提交表单的通常做法是使用提交按钮。 通常,表单会被提交到 web 服务器上的网页。 1.2.2 method属性method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST): getpost表单数据以值得方式追加到URL中表单数据不会追加到URL,会隐藏显示用于提交非敏感数据可提交敏感数据注释:GET 最适合少量数据的提交。浏览器会设定容量限制。 1.2.3 name属性一个页面上的表单可能不止一个,为了区分这些表单,就需要name 属性给表单命名,通常与id属性值相同。需要注意的是表单名称中不能包含特殊字符和空格。 2.form标签的元素 2.1 input元素input元素是最重要的表单元素 input元素根据不同的type属性,可以变化为多种形态。 2.1.1 text定义供文本输入的单行输入字段: 列如 用户名:
以上代码在浏览器中看上去时这样的: 定义密码字段: 列如
密码:
以上代码在浏览器中看上去时这样的: 定义提交表单数据至表单处理程序的按钮。 列如
以上代码在浏览器中看上去时这样的: 注释:submit可以通过value属性改变浏览器上所显示的内容 2.1.4 radio定义单选按钮。 列如 男 女 以上代码在浏览器中看上去时这样的: 定义复选框。 列如 足球 篮球 lol 韩剧 王者荣耀 以上代码在浏览器中看上去时这样的:
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |