form表单

最新推荐文章于 2024-06-15 21:20:00 发布
最新推荐文章于 2024-06-15 21:20:00 发布
阅读量323 收藏
点赞数
文章标签： html 表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li_ding_ding/article/details/121633620
版权

表单：
1：form标签
不能单独存在需要其他相关的表单标签辅助收集用户数据
Action=”url” //向那个地址提交数据Method=”get/post” 发送请求的方式enctype="application/x-www-form-urlencoded默认的值，前提是使用发送请求的方式是post，表单提交内容给服务器的媒体类型

表单标签是一个双标签，需要相关标签在这个双标签中设置（书写）

2：文本框
Input：行内块元素，可以由用户输入各种数据，可以通过宽度高度调整自身样式，文本框是input标签type类型为text
//placeholder 提示属性//maxlength 最大限制字符长度Value //初始值，不写也默认存在，值就是空字符串，Value属性本意是由用户输入内容，前端js代码负责拿到value的值在标签中也可以直接设置value的值，既可以设置又可以获取里面的值

3：密码输入框
输入密码文字，会有隐化效果，不会让旁边的人知道密码
在这里插入图片描述

4：单选框
单选框必须做到多选其一，
//多选属性必须要有相同的的name值<input type="radio"name="sex" value="1">男Value属性必须写在标签中，从而可以使用js获得单选被选中的值是什么<input type="radio"name="sex" value="1" checked>男Checked属性标签写在标签中默认属性，checked的时候，用户选中项会携带checked属性

5：多选：
可以全部都选，也可以选择部分，甚至可以一个不选
音乐Name 相同才是一组动漫Value js获取值唱歌取消选值就没有checkbox这个属性了

6：文件上传
在这里插入图片描述
7：表单的相关按钮：
在这里插入图片描述

H5：

8数字输入框
在这里插入图片描述
9范围空值：
在这里插入图片描述
10颜色控件
在这里插入图片描述
11：日期控件
在这里插入图片描述
12：标记标签
在这里插入图片描述
13：菜单标签
在这里插入图片描述
14：文本域
在这里插入图片描述

li_ding_ding
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html form 表单
且听风吟的博客
07-15 5914
html form 表单
form表单拖拽功能
12-27
该代码包含完整的html、css、javascript代码，能够良好的实现form表单拖拽功能。
form表单元素
li_chun_can的博客
08-04 238
input标签 明文输入框<inputtype="text"> 暗文输入框<inputtype="password">加密操作 单选框<inputtype="radio"name="xx"value="xxx"checked>checked默认选中 互斥操作：给每一个单选框设置相同的name属性，还必须设置相同的值。 多选框<inputtype="checkb...
HTML中的form标签 /ul-li标签 /input标签
zy_whynot的博客
08-28 1813
实例： 1、form标签 （1）定义及用法 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 ...
form表单交互/table/ul li
汉堡请不要欺负面条
01-17 3060
一.form交互 （1）.jQuery通过ajax获得后台json数据给form表单赋值 1.form   &lt;form class="print-info clearfix" id="print-info"&gt; &lt;div class="print-info-row"&gt; &lt;label&gt;姓名:&lt;/label&
form表单详解
JiuMeilove的博客
07-06 4万+
form表单详解form表单属性 表单在Web网页中用以让访问者输入数据，当提交表单时，表单中输入的数据被打包传递给Web服务器端的程序以处理，从而使得Web服务器与用户之间具有交互功能。 表单实现前后台交互：用户将表单提交到后台再右后台提交到数据库的过程，实现前后端交互。 form表单属性 form支持HTML的全局属性 属性 值 描述 accept MIME_type HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的） accept-charset cha
vue form表单数据提交
热门推荐
caimingxian401的博客
07-28 10万+
利用v-model能比较便捷地上传用户信息的数据，不用一个个参数地拼接。直接在data根据要传的字段定义一个对象， 再利用双向绑定得到值。下面写了传json格式跟formData格式的两种情况，根据实际参考 <template> <div class="from_box"> <form action=""> <input ty......
form表单字段默认值
爱好jyh的博客
10-17 6071
form表单中input的text类型字段如果不填值的话，默认值为空串，即“”； 我现在的需求是：让不填的字段值为 null。 实现方式：将这个字段的disabled设为true。原理是设置了这个属性提交的表单中就不会有这个字段了。 document.XXform表单名.x字段=true; ...
form表单的提交
weixin_44543308的博客
04-03 1万+
开发工具与关键技术：MVC JQuery 的 form表单的提交 作者：沈金凤 年级：18级（5）班 撰写日期：2019年4月2日 一、Form表单有两个属性分别是：“action”和“method”: Action: 的值是URL 就是当提交表单时向某个地方（要提交到某处的地址）发送表单数据 Method: 的值是 get和 post 就是用来提交表单的方式 二、Method中的 get 和 ...
form表单填写进度条
05-08
使用方法: 1.将fort.css和fort.js引用页面 [removed][removed] <link href="fort/fort.css" rel="stylesheet"> 2.将进度条展示div放进页面,最好放在顶部: ...4.在form标签添加class属性: class="form" 即可;
vue获取form表单的值示例
10-16
今天小编就为大家分享一篇vue获取form表单的值示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
简单的form表单模板
01-16
简单的form表单模板
js清空form表单中的内容示例
10-25
主要介绍了js如何清空form表单中的内容，下面有个不错的示例，大家可以参考下
Form表单请求
zhangquanit的专栏
09-08 1万+
Form表单请求
HTML前端
最新发布
2302_77125952的博客
06-15 549
比如< 和 >,我们不能直接在页面中使用< 和 >号，因为浏览器会将它解析为html签。提供许多标签，不同标签功能不同，网页就是通过这些标签描述出来的，最终由浏览器解释运行我们看到的网页。HTML 使用超级链接与网络上的另一个文档相连，通俗的说就是 通过连接来访问其他网页资源。<标签 属性=“ ”/>完成一个特定的设置功能，没有标签体 换行标签。<开始标签>标签名</结束标签> 闭合标签（双标签）标签中可以有属性：可以标签属性。table标签：表格标签。tr标签：表格中的行。td标签：表格单元格。
HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)
weixin_42283461的博客
06-14 389
HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)
超文本标记语言（HTML）简介
一起coding，一起嗨。
06-15 510
超文本标记语言（HTML）简介

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值