HTML表单-程序员宅基地

技术标签: 前端  html  

基本结构

一个完成功能的表单包含如下3部分:包含框、输入框和提交按钮
form元素:表示表单,是一个包含框,包含了所有关于表单的元素
input元素:表单域对象,是一个输入框。

<form>
	<input type="text" />
	<input type="submit" value="提交" />
</form>

表单元素

form:定义表单
input:定义文本域
textarea:定义输入域
select:定义下拉菜单和列表框
option:定义下拉菜单和列表选项
buttion:定义表单发送按钮
optgroup:定义下拉选项组
label:定义表单控制标签
isindex:定义简单的输入框
datalist:指定输入控件的预定义选项列表

<form>
	<label for="">姓名:</label>
	<input type="text" /><br />
	<label for="">性别:</label>
	<label for="man"></label>
	<input type="radio" id="man" name="ager" value=男"" checked/>
	<label for="wman"></label>
	<input type="radio" id="wman" name="ager" value="" checked/><br 
	<label for="like">爱好:</label>
	<select name="like" id="like">
		<option value="篮球">篮球</option>
		<option value="排球">排球</option>
		<option value="羽毛球">羽毛球</option>
	</select><br />
	<label for="">婚姻:</label>
	<input type="checkbox" id="hun" name="hun" value="已婚" checked/>
	<label for="hun">已婚</label>
	<input type="checkbox" id="hun" name="hun" value="未婚" checked/>
	<label for="hun">未婚</label><br />
	<label for="">自我描述:</label><br />
	<textarea name="" id="" cols="30" rows="10"></textarea><br />
	<input type="submit" value="提交"/>
</form>

form元素

form元素负责数据的收集打包和发送

enctype属性

将表单中输入的数据发送到服务器时,浏览器使用的编码类型
一共有三个值:
application/x-www-form-urlencoded:将表单中的数据以名/值对的形式发送给服务器,一般是默认值
multipart/form-data:将表单中的数据编码为一条消息,每个表单域对应消息中的一个部分,然后通过HTTP方式发送到服务器
如:JOSN的数据格式
text/plain:将数据以纯文本的方式进行编码,不经常使用

action属性

设置表单提交数据的目标文件,它可以是任意位置任何类型的文件。该文件包含服务器端脚本的处理文件。可以结合JavaScript进行数据处理

method属性

处理表单数据的方法get或post
get方法:从服务器上获取数据
post方法:向服务器上传数据
区别:1.传输方式不同:get将数据以名/值对的形式添加到action所设置的URL后面,并使用?链接URL,各个变量之间使用&链接
post将表单中的数据放在数据体中,按照变量和值相对应的方式传递到action所指向的url
2.get传递的数据会浏览器地址栏展示,对于用户信息保护不好;get传递的数据对于用户来说是不可见的,信息比较安全
3.get传递的数据量小,post可以传递大量数据
4.get中,数据在URL中传输必须使用ASCII字符;post没有字符集的限制

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41807399/article/details/137293118

智能推荐

SUN RPC的传输层实现机制_sunrpc 传输层交互-程序员宅基地

文章浏览阅读3.4k次。通信语义为保证RPC语义的实现,我们必须在良种可能中进行选择。一方面,为尽量使远程过程调用的行为像一个本地过程调用,RPC应该使用一种像TCP这样可靠的运输,而且应该对程序员保证可靠性。另一方面,为允许程序员使用高效率的、无连接的运输协议,远程过程调用机制应当支持用UDP这样的数据报协议进行通信。因为UDP传输的不可靠性,在传输过程中可能因为报文的丢失,使得调用者无法做出应答,而导致远程过_sunrpc 传输层交互

实验一 学生成绩管理系统_3、创建并执行游标t3。将不合格的成绩信息全部输出(输出值有:学号、课程号、-程序员宅基地

文章浏览阅读446次。1. 问题描述学生成绩管理系统中的数据元素具有如下形式:学生的成绩记录包括学号、姓名、语文、数学、计算机等数据项。2.功能要求对成绩登记表要求完成如下功能:⑴ 插入:将某学生成绩记录插入到登记表中;⑵ 删除:将满足条件的记录删除;⑶ 修改:对成绩记录的数据项进行修改;⑷ 查询:查找满足条件的学生;⑸ 输出:将成绩记录登记表中的全部(或满足条件)成绩记录输出。3.实现要点 对成绩记录登记表采用顺序的存储结构,在建立表时,由成绩记录表的书写形式转化顺_3、创建并执行游标t3。将不合格的成绩信息全部输出(输出值有:学号、课程号、

VMware ESXi 更换 CA 证书-程序员宅基地

文章浏览阅读5.2k次。1、OpenSSL 配置文件 esxi.cfg[req]default_bits = 2048default_keyfile = rui.keydistinguished_name = req_distinguished_nameencrypt_key = noprompt = nostring_mask = nombstrreq_extensions = v3_req[ r...

记录一下用正则表达式替换引号的注意点_node 正则替换所有的引号-程序员宅基地

文章浏览阅读403次。用正则表达式替换引号_node 正则替换所有的引号

Spark Streaming 的checkpoint机制_spark streaming的checkpoint-程序员宅基地

文章浏览阅读865次。这里写目录标题Spark Streaming 的checkpoint机制一、什么时候checkpoint二、如何使用checkpointSpark Streaming 的checkpoint机制Spark Streaming若需要24/7不间断的运行,因此Spark Streaming必须对诸如系统错误,JVM出错等与程序逻辑无关的错误(failures)导致Driver所在的节点出错,具备一定的非应用程序出错的容错性。Spark Streaming的Checkpoint机制便是为此设计的,它将足够多的_spark streaming的checkpoint

HTML中的div布局与table的区别-程序员宅基地

文章浏览阅读356次,点赞5次,收藏4次。同样的效果,使用 div 布局能比表格更加灵活,但是我们需要根据不同的场景使用不同的布局方式,现在我们来看看两种布局的优缺点。样式的调整更加方便,内容和样式的分离,使页面和样式的调整变得更加方便。表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。一个页面可能会有大量的 table 元素,代码冗余度高。不同的浏览器看到的效果一般相同。显示样式和数据绑定在一起。搜索引擎不喜欢这样的布局。节省代宽,代码冗余度低。布局的时候灵活度不高。符合 W3C 标准。

随便推点

shiro cas 遇到 票根验证问题_票根不符合目标服务-程序员宅基地

文章浏览阅读5.3k次。1、票根不符合目标服务解决方法:检查web.xml里的shiro拦截器和cas ticket拦截器的拜访顺序,应该cas 白在shiro前面原因:shiro也有验证机制,但不识别票根。2、票根无法识别(无效)解决方法:找到web-INF/spring-configuration/ticketExpirationPolicies.xml,找到 c:numberOfUs_票根不符合目标服务

MySQL搭建主从复制集群,实现读写分离_创建mysql集群,主从复制,读写分离,实现一主两从-程序员宅基地

文章浏览阅读620次,点赞2次,收藏3次。Sharding-JDBC定位为轻量级的Java框架,在Java的jdbc层提供的额外服务。它使用客户端直连数据库,以jar包形式提供服务,无需额外部署和依赖,可以理解为增强版的jdbc驱动,完全兼容jdbc和各种orm框架。适用于任何基于JDBC的ORM框架,如:JPA,Hibernate,Mybatis,Spring JDBC Template或直接使用JDBC。支持任何第三方的数据库连接池,如:DBCP,C3P0,Druid,HikariCP等。支持任意实现JDBC规范的数据库。_创建mysql集群,主从复制,读写分离,实现一主两从

【软考】系统集成项目管理工程师(四)项目管理一般知识_【软考】系统集成项目管理工程师(4)项目-程序员宅基地

文章浏览阅读9.4w次,点赞78次,收藏118次。软考中级——系统集成项目管理工程师备考干货第四章:项目管理一般知识。_【软考】系统集成项目管理工程师(4)项目

阿里员工整天996,究竟能挣多少钱?详解阿里薪资绩效考核制度_阿里绩效考核制度-程序员宅基地

文章浏览阅读5.7w次,点赞9次,收藏52次。文/技术领导力社区编辑/Emma社区里最近讨论BAT员工薪资性价比如何?996的背后是否有丰厚的收入作为支撑?毕竟员工不能拿着企业画的饼养家糊口,企业也不能只画饼不烙饼。..._阿里绩效考核制度

CVPR2019 无监督异常检测/定位数据集:MVTec AD-程序员宅基地

文章浏览阅读2.2w次,点赞22次,收藏143次。《MVTec AD:A Comprehensive Real-World Dataset for Unsupervised Anomaly Detection》简介MVTec AD是MVtec公司提出的一个用于异常检测的数据集,发布于2019CVPR。与之前的异常检测数据集不同,该数据集模仿了工业实际生产场景,并且主要用于unsupervised anomaly detection。数据集为异常区域都提供了像素级标注,是一个全面的、包含多种物体、多种异常的数据集。训练集中只包含正常样本,测试集中包._mvtec ad

jwt 认证-程序员宅基地

文章浏览阅读8.2k次,点赞4次,收藏25次。JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案。1. 基于token的认证当用户成功登录系统并成功验证有效之后,服务器会利用某种机制产生一个token字符串,这个token中可以包含很多信息,例如来源IP,过期时间,用户信息等, 把这个字符串下发给客户端,客户端在之后的每次请求中都携带着这个token,携带方式其实很自由,无论是cookie方式..._jwt认证

推荐文章

热门文章

相关标签