单选框

表单Form标签和表格Table标签

早过忘川 提交于 2019-12-01 16:14:37
列表标签: 无序列表 ul 代表整个无序列表 li 代表列表中的每一个列表项 有序列表 ol 代表的就是有序列表 li 代表列表中的每一个列表项 定义列表(名词解释列表) dl 代表定义列表 dt 代表的是要定义的名字或者是要解释的名词 dd 代表该名字下的每一条内容,或者名词的每一条解释 表单标签: form 表单 action属性代表提交到的地址 input 表示一个输入框标签 type属性 代表可输入内容的类型 type属性值: text 代表单行文本 password 代表密码框 email 代表邮箱输入框 radio 代表的就是单选框 如果想要实现单选功能,name一组单选框必须给以相同的name属性名字 在单选中如果想要某个单选框是默认被选中状态,则需要给对应input标签加一个checked属性 checkbox 代表多选框 也叫复选框 如果想要添加默认选中项,同样是checked属性添加 reset 表示重置按钮 代表将所有在form表单中的内容重置成默认状态 submit 表示提交按钮 点击后会将数据提交到对应位置,同时页面也会进行刷新 value属性 表示设置输入框的内容 label 每一个label标签都需要和一个input标签配合使用,表示和对应input标签进行关联 for属性 里面的内容需要写一个对应的ID名字,指向input的id属性值 表单内容:

Web全栈-表单标签

对着背影说爱祢 提交于 2019-12-01 07:07:18
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body> <!-- 1.什么是表单? 表单就是专门用来收集用户信息的 2.什么是表单元素? 2.1什么是元素? 在HTML中 标签/标记/元素都是指HTML中的标签 例如: <a> a标签/a标记/a元素 表单元素其实还是HTML中的一些标签, 只不过这些标签比较特殊, 在浏览器中所有的表单标签都有特殊的外观和默认的功能 3.表单的格式: <form> <表单元素> </form> 4.常见的表单元素 input标签, input标签有一个type属性, 这个属性有很多类型的取值, 取值的不同就决定了input标签的功能和外观不同 5.注意: 表单元素一定要写在表单中 --> <form> <!--明文输入框--> 账号:<input type="text"><br> <!--暗文输入框--> 密码:<input type="password"><br> <!--给输入框设置默认值--> 账号:<input type="text" value="lnj"><br> 密码:<input type="password" value="123"><br> <!-- 单选框 注意点: 1

使用单选框、复选框,让用户选择

时光毁灭记忆、已成空白 提交于 2019-11-28 19:20:56
在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即 单选框 和 复选框 ,两者的区别是 单选框 中的选项用户只能选择一项,而 复选框 中用户可以任意选择多项,甚至全选。请看下面的例子: 单选框和复选框如下图的1和2: 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、 type: 当 type="radio" 时,控件为 单选框 当 type="checkbox" 时,控件为 复选框 2、 value: 提交数据到服务器的值(后台程序PHP使用) 3、 name: 为控件命名,以备后台程序 ASP、PHP 使用 4、 checked: 当设置 checked="checked" 时,该选项被默认选中 如下面代码: 在浏览器中显示的结果: 注意 :同一组 的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。 来源: https://www.cnblogs.com/iBoundary/p/11422114.html

JS中property与attribute的区别

北城余情 提交于 2019-11-28 05:45:31
property与attirbute都是属性的意思,在JS中很容易混淆,但实际上二者有很大的区别。简单来说, property:是DOM中的属性,是JavaScript中的对像 attribute:是HTML标签上的属性,与HTML标签上显示的属性(比如id、class、title等)一一对应 1. property 有以下代码 <input type="radio" name="" class="单选框1"> var OInput = document.getElementsByTagName('input')[0]; console.dir(OInput); 控制台上显示的结果如下: 红色方框中的各个元素就是OInput的properties,这些属性都是DOM中的内置属性,我们不能增加或删除属性,但可以查看和修改属性值。修改方式如下: // 对象.属性名 或 对象["属性名"] // 修改 OInput.title = "单选框"; OInput["title"] = "单选框"; // 查看 OInput.title; OInput["title"]; 细心点我们可以发现,properties没有class属性,但却有className属性;也就是说我们得通过className来查看和修改class属性值。 2. attribute 仔细观察

前端_HTML

戏子无情 提交于 2019-11-26 19:59:29
web概念概述 JavaWeb:使用Java语言开发基于互联网的项目 软件架构: 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序,在远程有一个服务器端程序 * 如:QQ,迅雷... * 优点: 1. 用户体验好 * 缺点: 1. 开发、安装,部署,维护 麻烦 2. B/S: Browser/Server 浏览器/服务器端 * 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序 * 优点: 1. 开发、安装,部署,维护 简单 * 缺点: 1. 如果应用过大,用户的体验可能会受到影响 2. 对硬件要求过高 * B/S架构详解 * 资源分类: 1. 静态资源: * 使用静态网页开发技术发布的资源。 * 特点: * 所有用户访问,得到的结果是一样的。 * 如:文本,图片,音频、视频, HTML,CSS,JavaScript * 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源 2. 动态资源: * 使用动态网页及时发布的资源。 * 特点: * 所有用户访问,得到的结果可能不一样。 * 如:jsp/servlet,php,asp... * 如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器 * 我们要学习动态资源

解决复选框、单选框与文字不能对齐的问题

怎甘沉沦 提交于 2019-11-26 16:46:48
<input type="checkbox"/><label>复选框</label> <input type="radio"/><label>单选框</label> label { font-size: 12px; } /*Method 1:*/ input { vertical-align: text-bottom; margin-bottom: 2px; } /*Method 2*/ input { vertical-align: middle; margin-top: -2px; margin-bottom: 0px; } 来源: https://blog.csdn.net/qq_38370731/article/details/98957538