jQuery- HTML表单 292(jquery form表单)
常见
HTML表单:常用于网站的注册,登陆页面(现今大多数已被WX等扫码代替);各种论坛,贴吧等评论区域;政府,企事业的建议,意见的留言板等
作用
表单用于收集用户的输入信息,将用户收集到的信息发送到 Web 服务器
构成
表单的构成:1) 表单区域 2) 表单元素
1 表单区域
1.1 表单定义:由开始标签<form>与结束标签</form>之间所辖的区域在HTML页面中称为表单区域,表单区域之间存放表单元素
1.2 常用属性:
属性名称
属性说明
action
指定网站接收并处理表单数据的服务器程序的url地址
method
数据发送方式:get(默认)与post
name
表单名称,后端编程人员使用
id
前端编程人员使用百蝶直播官网
2 表单标签元素
2.1 常用的input 标签,根据属性type值的不同分为以下几种类型
标签名称
使用说明
button
点击按钮,大多数用于操作脚本
text
单行文本框(默认类型,即type属性不写)
password
密码输入框,输入的字符被显示替代为 * 或 .
radio
单选按钮,只能选择一个选项(同一组按钮,name值相同)
checkbox
复选框,只能选择一个选项(同一组按钮,name值相同)
file
文件上传按钮,用于上传文百蝶直播官网件资源
hidden
隐藏域,表单中不可见,提交额外数据
reset
重置按钮,清除表单中输入的所有数据
submit
提交按钮,将输入的表单数据发送给服务器
以上标签名称中红色的标签都必须有"name"属性,标签中数据才会提交到服务器
<form action="/action/register.ashx" method="post" id="f1" name="fm1"> <!-- input标签常用类型的表单元素 --> <input type="button" value="点击按钮" /> <input type="text" name="text" value="用户名" /> <input type="password" nam百蝶直播官网e="password" value="密码框" /> <input type="radio" name="radio" value="单选按钮" /> <input type="checkbox" name="checkbox" value="复选框" /> <input type="file" name="file" value="文件上传" /> <input type="hidden" name="hidden" value="隐藏域" /> <input type="reset" name="reset" value="重置按钮" /> <input type="submit" name="submit" value="提交按钮" /> </for百蝶直播官网m>常用input标签元素
2.2 select 下拉列表框,使用<option></option>标签列出待选项,常用于分类选择
<select name="sp">//name 表示提交选中数据 <optgroup label="河南">//用于分组 <option value="zz">郑州</option> <option value="kf" selected="selected">开封</option> <option value="ly">洛阳</option> </optgroup> <optgroup label="河北"> <option value="sjz">石家庄</option> <option va百蝶直播官网lue="ts">唐山</option> <option value="bd">保定</option> </optgroup> </select>示例中option属性
1) value值是必须的,特别是做如省市联动选择等操作时(value值只是演示)
2) selected="selected" 用于设置默认选中项
下拉列表框
2.3 textarea 文本域,常用于注册时的条款协议同意等
<textarea name="txtA" cols="100" rows="20" readonly="readonly"> <input type="button" value="点击按钮" /><br /> <input type="tex百蝶直播官网t" name="text" value="用户名" /><br /> </textarea>textarea属性: 1)cols显示的列数 2)rows显示的行数 3)readonly 内容不能修改
以上只是常用表单元素及其属性,通过这些常用表单元素可以完成绝大多数B/C的数据交互功能
-
AI越来越可怕了,能创造IP?(ai创作)
-
SpringBoot高校学生公寓宿舍管理系统源码(javaweb宿舍管理系统程序源码)
-
深圳罗湖一楼盘备案价9万元卖4万?办公属性,商办类物业打折促销很常见(深圳罗湖房价格多少)
-
深圳罗湖一楼盘备案价9万元卖4万?办公属性,“商办类物业打折促销很常见”(罗湖在售楼盘住宅房源)
-
智慧校园 人脸识别无感签到宿舍管理系统 为学生的安全做考量(智慧校园识别卡)
-
SpringBoot Vue学生管理系统,采用前后端分离开发的开源项目(springboot vue3)
-
jQuery- HTML表单 292(jquery form表单)
-
java学生信息管理系统(附源码)(利用java做一个学生管理系统)
最新更新
- SpringBoot高校学生公寓宿舍管理系统源码(javaweb宿舍管理系统程序源码)
- 深圳罗湖一楼盘备案价9万元卖4万?办公属性,商办类物业打折促销很常见(深圳罗湖房价格多少)
- 深圳罗湖一楼盘备案价9万元卖4万?办公属性,“商办类物业打折促销很常见”(罗湖在售楼盘住宅房源)
- 智慧校园 人脸识别无感签到宿舍管理系统 为学生的安全做考量(智慧校园识别卡)
- SpringBoot Vue学生管理系统,采用前后端分离开发的开源项目(springboot vue3)
- jQuery- HTML表单 292(jquery form表单)
- java学生信息管理系统(附源码)(利用java做一个学生管理系统)
- 实现高度内容自适应的 textarea(实现高度内容自适应的方法)
- 学生成绩管理系统(C语言版)--附全部源码(学生成绩管理系统c语言课程设计)
- 源码 | 学生信息管理系统(C语言 单链表实现)(基于c语言的学生信息管理系统毕业设计)
推荐阅读
- 奖金共计534万元!第四届全国人工智能大赛在深开赛(哪年mit首提人工智能)
- Rivian申请新专利:小型货车的双导轨滑动门(货车滑轮边布设计)
- Java书籍汇总--电子书PDF链接下载(java电子书pdf下载 百度网盘)
- WSGI学习笔记(wsging)
- XML条码 type(XML条码中归属于块级原素的是)
- 撷取ACCA英文教科书写作全攻略(cfa英文教科书腾讯云)
- JavaScrlocationst 中approaches.make(..)是甚么基本原理?(javascrlocationstapproaches表达式)
- 尚普托(十问 | 有关ChatGPT人工智慧)有关人工智慧专精,
- 你用过Mybatis的动态SQL后,就知道写SQL有多爽了!(mybatis动态创建数据源)
- Linux多线程编程(linux多线程网络编程)