Html form表单小知识method action multiple selected checked type=password/text/submit/reget/radio/checkbox

</form>知识点：
1.method: 传送方式：post/get

2.action:服务器文件：比如：save.php
3.<input type="text">类型的输入
4.<input type="password">类型的输入
5.<input type="text" name="abc">name的作用就是用来为相应文本框命名的，方便后台的操作。
6.<input type="text" name="abc" value="..">value的作用是用来设置文本框的默认值(一般用以提示作用)
7.<textarea cols="50" rols="10">请在以下框中输入内容</textarea>cols代表列数 rols代表多行输入域的行数
另外，可以用Css中的width、height来代替
8.

<input type="radio/checkbox" value="1" name="gender" checked="checked">

是单选还是多选的问题
①当type="radio"的时候，单选;等于checkbox的时候，多选。
②value是用来标记数据值，比如我选了这个，value就有了啥值，用于后台操作的。
③注意，如果你设置了单选的情况下，各个选项之间的name是应该相同的
④默认选项问题: 添加一个 checked="checked"就可以默认选择了
⑤多选的时候，name不同。

<select multiple="multiple"><option value="1">读书</option><option value="2" selected="selected">爬山</option><option value="3">跑步</option><option value="4">旅游</option>
</select>

制造出一个下拉列表
①

selected="selected"

是默认初选的(不同于checked，不是默认必选，而是初选) 如果没有selected也没有影响，默认让第一个选项(此示例是读书)当作初选值
②下拉列表的多选问题: 在selected标签中设置multiple="multiple"属性，就可以按住Ctrl+单击多选了。
10.<input type="submit" value="提交">当type="submit"的时候，按钮才会有提交的效果 value：按钮上显示的文字
11.```

12.
```<label for="选项A">A</label>
<input type="radio" id="选项A" name ="示例">
<label for="选项B">B</label>
<input type="radio" id="选项B" name="示例">

这个标签的作用其实就是出现一段文字，再结合上for和id相同的情况，当应用于选择选项的时候，更方便用户选择
(本来要把光标放到选项前的小框里，现在只要放到选项本身上就可以)
注意，要想实现上述功能，首先要使id和label中的for相同

Html form表单小知识method action multiple selected checked type=password/text/submit/reget/radio/checkbox相关推荐

action无法传参数给html页面,HTML 解决form表单提交时，action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
JSP-详细总结form表单：name= method=post（get） action=
(学习语言:JSP) 文章目录 name="form" method=post (或get) get方法 post方法对比[表格] `action="___.jsp&q ...
Form 表单实现多个Action 请求，将表单数据提交到不同请求
在很多列表信息显示的页面,一般都设有按条件查询,显示功能,另外还会有相应的导出功能,或者需要用到查询条件的其他功能,这个时候为了让查询的form 的数据能够被共同使用,即实现让一个表单可以进 ...
Form表单提交方法method
method="get",表单在提交时,填写在表单中的数据会和action="url"中的url编码在一起. method="post",表 ...
Form表单基础知识和常用兼容方法笔记（二）
接到上一节讲文本框脚本过滤输入(屏蔽字符和操作剪贴板) 在此之前需要用到两个兼容的方方法var ev={ //添加事件监听addEvent:function(obj,evt,fun){if(obj. ...
天河微信小程序入门《四》：融会贯通，form表单提交数据库
天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数 ...
前后端交互：form表单与模板引擎
目录 form表单基础知识概念组成常用属性表单同步提交概念缺点表单事件监听 submit监听方式 on监听方式阻止表单默认行为 serialize 快速获取表单提交的数据模板引擎 ...
form表单、控制器中接收表单提交数据的4种方式
Form表单这篇文章主要讲的是form表单的提交之前我们接触过的form表单元素是在Bootstrap框架里面,这次也将用到Bootstrap框架去布局(见图表1)通过Bootstrap框架布局呈 ...
form表单标签的简单使用
文章目录 form表单标签``: - 1.作用:收集客户信息注意:在写radio,checkbox(单选,多选)的时候,**一定要写name和value**:name属性是分组,value属性设置值 ...

Html form表单小知识method action multiple selected checked type=password/text/submit/reget/radio/checkbox

Html form表单小知识method action multiple selected checked type=password/text/submit/reget/radio/checkbox相关推荐

最新文章

热门文章