HTML做表单联系地址选择省,HTML 表单
HTML 表单用于搜集不同类型的用户输入。
元素
HTML 表单用于收集用户输入。
元素定义 HTML 表单:
实例
.
form elements
.
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
元素
元素是最重要的表单元素。
元素有很多形态,根据不同的 type 属性。
这是本章中使用的类型:
类型描述
text
定义常规文本输入。
radio
定义单选按钮输入(选择多个选择之一)
submit
定义提交按钮(提交表单)
注释:您稍后将在本教程学到更多有关输入类型的知识。
文本输入
定义用于文本输入的单行输入字段:
实例
First name:
Last name:
在浏览器中看起来是这样的:
First name: Last name:
注释:表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。
单选按钮输入
定义单选按钮。
单选按钮允许用户在有限数量的选项中选择其中之一:
实例
Male
Female
单选按钮在浏览器看起来是这样的:
Male
Female
提交按钮
定义用于向表单处理程序(form-handler)提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定:
实例
First name:
Last name:
在浏览器中看起来是这样的:
First name: Last name:
Action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。
在上面的例子中,指定了某个服务器脚本来处理被提交表单:
如果省略 action 属性,则 action 会被设置为当前页面。
Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
或:
何时使用 GET?
您能够使用 GET(默认方法):
如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
当您使用 GET 时,表单数据在页面地址栏中是可见的:
action_page.php?firstname=Mickey&lastname=Mouse
注释:GET 最适合少量数据的提交。浏览器会设定容量限制。
何时使用 POST?
您应该使用 POST:
如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
Name 属性
如果要正确地被提交,每个输入字段必须设置一个 name 属性。
本例只会提交 "Last name" 输入字段:
实例
First name:
Last name:
用
组合表单数据 元素组合表单中的相关数据
元素为
元素定义标题。
实例
Personal information:
First name:
Last name:
以上 HTML 代码在浏览器中看起来是这样的:
Personal information:First name: Last name:
HTML Form 属性
HTML
元素,已设置所有可能的属性,是这样的:
实例
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
.
Here is the list of
attributes:
属性描述
accept-charset
规定在被提交表单中使用的字符集(默认:页面字符集)。
action
规定向何处提交表单的地址(URL)(提交页面)。
autocomplete
规定浏览器应该自动完成表单(默认:开启)。
enctype
规定被提交数据的编码(默认:url-encoded)。
method
规定在提交表单时所用的 HTTP 方法(默认:GET)。
name
规定识别表单的名称(对于 DOM 使用:document.forms.name)。
novalidate
规定浏览器不验证表单。
target
规定 action 属性中地址的目标(默认:_self)。
注释:您将在下面的章节学到更多关于属性的知识。
HTML做表单联系地址选择省,HTML 表单相关推荐
- 用友注册表看服务器地址,T3客户端注册表配置服务器方法能写给我吗
用友U8财务软件年度数据结转操作指南用友U8财务软件年度数据结转操作指南 每年的年末是我们财务人员就忙的时候,年度数据结转,总是碰到各式各样的问题,烦扰着我们,下面用友天龙瑞德就为大家介绍一下用友U8 ...
- 设置顺序表L是个递增的有序表,试写一算法将number插入L中,并使L任是一个有序表。
一.实现算法如下: /*有序顺序表的插入*/ void InsertSqlist(Sqlist *L,Elemtype number) {int i;assert(L->length < ...
- 功能表单之树形选择字段类型的高级使用——JEPLUS软件快速开发平台
为什么80%的码农都做不了架构师?>>> JEPLUS功能表单之树形选择字段类型的高级使用 JEPLUS功能表单中树形选择字段类型的目标字段在开发过程中还有一些高级配置和高级应 ...
- 5 select 选择的值_表单元素之选择类型
表单元素的选择类型可以分为三种: 单选 多选 下拉 单选和复选框的属性值可以有两个:disabled(不可操作的) 和 checked. 下拉框的属性值可以是:selected(默认选中) .mult ...
- 表单写年龄选择html,表 单 / HTML
概念理解 一个完整的表单由三部分组成: 表单控件(表单元素) 提示信息 表单域 (1)搜索框/网站注册窗口/网站登录窗口 form---表单域 action---数据处理网址/表单提交的网址 meth ...
- 通过CSS,H5,JavaScript实现表格表单的随机选择,和简单的随机点名。
目录 一.表格表单的随机选择 效果展示(表单内容可以根据自己需要进行修改) 1.H5的布局 第一步: 第二步: 2.CSS布局 3.JS的布局 第一步: 第二步: 第三步: 二.简单的随机点名 效果展 ...
- php表单验证_用PHP进行表单验证
php表单验证 In this article you'll construct and validate a simple form using HTML and PHP. The form is ...
- HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素
文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...
- JCheckBox 默认选择_[注册表] 将Windows 10默认应用程序设置页面添加到桌面右键菜单中...
从Windows 10初始版本开始微软就已调整默认程序配置策略,即强制用户设置关联的默认程序不允许软件设置.这也是很多用户经常在通知栏里看到某某文件格式被重置的原因,因为软件安装后设置的会被微软重置默 ...
最新文章
- Penang Industrial Zone
- 2020年6月学术会议变动汇总
- SAP Spartacus SSR模式启用失败的一个原因:SSR rendering exceeded timeout
- 开发一个自己的 CSS 框架(五)
- helm安装postgres_Helm 入门介绍 Kubernetes 上的包管理软件
- 爬虫python区别_Python爬虫-04:贴吧爬虫以及GET和POST的区别
- android:screenOrientation
- Rust 多久更新一次?
- 小学的题 大学的解法
- 【安全测试】AppScan:下载与安装
- R软件和扩展包的升级及R语言数据对象
- ai python视频教程_2017AI人工智能时代基础实战python机器学习深度学习算法全套视频教程...
- STM32利用AES加密数据、解密数据
- VSCode插件篇-Code Runner配置Python环境
- 查看linux命名空间的指令,linux 命名空间的相关命令 - (sunznx) 振翅飞翔
- android怎么防8门神器,八门神器怎么使用?安卓八门神器教程
- 入选2022年BookAuthority 的最佳量子计算新书:《与量子比特共舞》
- 7z解压crc错误_百度网盘压缩下载文件的CRC校验错误的解决方法
- ng-class和ng-show的使用
- VBA按列名称或是按表格标题给EXCEL表格做排序
热门文章
- 2014年珠宝行业下半年电商分析报告及双11销售排名
- Python——SMTP发送邮件(发送不同格式、附件)
- UI设计师有哪些就业方向选择?
- windows安装golang多版本管理工具gvm/g
- COGS——T 1786. 韩信点兵
- Oracle索引梳理系列(十)- 直方图使用技巧及analyze table操作对直方图统计的影响(谨慎使用)...
- 原码、反码、补码二进制表示
- (5)数据库—----单行函数—------字符函数、数学函数、日期函数
- viper4android md,【超级街霸4安卓版】超级街霸4安卓完整移植版游戏下载-街机中国...
- MapReduce发生Permission denied: user=zhen, access=WRITE错误