腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

1.表单控件 1.input标记 1.input标记提供文本输入框，密码输入框，按钮，单选按钮，多选按钮，文件上传框，隐藏域 2.属性创建不同的输入框 value：输入框的值 name:给输入框起个名字(必须要写) disabled：禁止 3.具体的表单 height: <input type="text" /> weight: <input type="text" /> </fieldset> </form> fieldset标签嵌套在form表单里面，会出现组合表单外边的边框 !

2018-08-29

3.5K0

标签:

一.表单　　表单就是一个将用户信息组织起来的容器：　　　　<将需要用户填写的内容放置在表单容器中，当用户单击"提交"按钮的时候，表单会将数据统一发送给服务器> 　　1.表单的内容: 　　　　 1）创建表单后，就可以在表单中放置控件以接受用户的输入　　　　2）这些控件通常放在<form></form>标签之间，也可以在表单之外用来创建用户界面　　　　3）不同的表单控件有不同的用途　　 2.表单标签及表单属性　　　　表单的创建：<from>... 网站服务器方不希望用户修改数据，这些数据在表单元素中显示。 1"id="male"/> 表单的验证　　验证表单的好处　　　　　　　　1 减轻服务器的压力　　　　　　　　2保证数据的可行性和安全性　　　　在客户端对表单进行验证是非常有必要的表单的初级验证

2018-03-14

7.9K0

标签:

在dom中提供了为我们提供了操作表单当中的一些控件的方法，比如说获取，操作还有一些特殊的属性。获取：表单元素的操作 onchange事件表单事件：onsubmit onreset window.onload= function () { var myform=document.getElementById window.onload= function () { var myform=document.getElementById('form1'); // onsubmit：当提交表单的时候触发 // onreset:当表单重置的时候触发 // myform.submit(); myform.onsubmit

2018-09-06

3.1K0

标签:

【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )

一、HTML5 新增 input 表单 ---- HTML5 新增 input 表单 : 邮箱输入表单 : 必须输入邮箱 , 如果输入格式错误 , 提交时会在对话框中报错 ; <input type= "email" /> URL 输入表单 : 只能输入网址 , 格式错误会在对话框中报错 ; <input type="url" /> 日期输入表单 : 右侧的下拉菜单选择日期 ; 如果在手机中打开 , 会弹出手机中自带的日期选择对话框 ; <input type="date" /> 时间输入表单 : 右侧的下拉菜单选择时间 ; <input type="time" /> 月份输入表单 : 右侧的下拉菜单选择月份 ; <input type="month" /> 周日期输入表单 : 右侧的下拉菜单选择周数 ; <input type="week" /> 数字输入表单 : 无法输入非数字的内容 -- 表单域的提交按钮用于提交整个表单域 --> <input type="submit" value="提交"> </form> </body> </html> 显示效果

2023-04-24

5.9K0

标签:

HTML表单__表单元素属性

看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。 type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？ reset，定义重置按钮，会清空表单填写的信息。 button，定义按钮。 1.4 name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 1.5 value属性为input设定值 1.6 disabled 禁用文本域，input会处于灰化。 maxlength规定输入最大长度. name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 value属性为input设定值。

2026-01-07

4.9K0

标签:

【HTML】HTML 表单 ⑤ ( form 表单域 )

文章目录一、form 表单域 1、form 表单域作用 2、form 表单域语法 3、form 表单域 Get 请求 4、form 表单域 Post 请求一、form 表单域 ---- 1、form 表单域作用从 input 表单 , textarea 文本域 , select 下拉菜单中收集了用户信息 , 需要通过 form 表单域发送给服务器端 ; 2、form 表单域语法 form 表单域语法 : 在 form 表单域中 , 要注明服务器地址 , 提交方式 , 表单名称 ; <form action="服务器 URL 地址" method="表单提交方式" name="识别表单的名称 "> 若干 HTML 组件与表单控件 </form> action 属性 : 设置接收表单数据的服务器 URL 地址 , 值是一个 URL 字符串地址 ; method 属性 : 表单的提交方式 , 设置为 get 或 post 请求 ; name 属性 : 指定表单域名称 , 一个页面中可能有多个表单域 ; 值为字符串 ; 3、form 表单域 Get 请求代码示例 : 用户名的文本框

2023-03-30

6.2K0

标签:

HTML表单__表单元素属性

看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。 type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？ reset，定义重置按钮，会清空表单填写的信息。 button，定义按钮。 1.4 name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 1.5 value属性为input设定值 1.6 disabled 禁用文本域，input会处于灰化。 maxlength规定输入最大长度. name属性，定义元素input的名，用于对提交到服务器后台表单数据标识。 value属性为input设定值。

2026-01-07

4.7K0

标签:

form 表单 <input type="…… " name="" value="" /> text 文本框 password 密码 radio

2018-09-06

1.7K0

标签:

表单的目的是为了跟用户进行交互，收集用户资料在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。表单域在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下： <form action="url地址" method="提交方式" name="表单名称"> 各种表单控件 </form> 常用属性： Action 在表单收集到信息后 method 用于设置表单数据的提交方式，其取值为get或post。 name 用于指定表单的名称，以区分同一个页面中的多个表单。注意：每个表单都应该有自己表单域。

2020-09-30

2.8K0

标签:

提交表单与验证表单案例

提交表单与验证表单案例需求有如下注册页面，对表单进行校验，如果输入的用户名、密码、手机号符合规则，则允许提交；如果不符合规则，则不允许提交。当用户点击注册按钮时，需要同时对输入的用户名、密码、手机号，如果都符合规则，则提交表单；如果有一个不符合规则，则不允许提交表单。实现该功能需要获取表单元素对象，并绑定 onsubmit 事件 //1. 获取表单对象 var regForm = document.getElementById("reg-form"); //2. 不需要，只需要对之前校验的代码进行改造，把每个校验的代码专门抽象到有名字的函数中，方便调用；并且每个函数都要返回结果来去决定是提交表单还是阻止表单提交，代码如下： //1.

2025-01-21

2.7K0

标签: