html 单选框

一、HTML

1.1 HTML概述

HTML:超文本标记语言（Hyper Text Markup Language），标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言（markup language）,是网页制作所必备的。

web 开发工具：hbuilder/webstorm/vs code/eclpise

1.2 HTML常用标签

标签，左右尖括号括起来的内容就是标签。单标签和双标签。双标签是有起始和结束标签。

1.2.1 网页内容的标题标签

h1,h2,h3...h6 都是网页内容的标题标签

h1最大，h6最小。

1.2.2 网页注释标签

1.2.3 段落标签

1.2.4 图片标签

1.2.5 最常用容器标签

1.2.6 链接标签

跳转到指定网站

跳转到当前页面的某个地方

1.3 列表

无序列表

有序列表

无序列表和有序列表之所以有区别，是因为浏览器给到了不一样的默认样式

1.4 表单标签

from ：表单标签；

action：将表单数据提交给什么服务器（服务器的地址）；

method：get/post

get和post区别：

get会将表单提交的内容直接放在请求的URL地址里，效率高，不安全。post不会讲表单数据显示到URL上，会放置在请求的body上。

get经常用在搜索或者正常的请求上；

post多用于登录、注册等比较隐私和安全的内容，上传文件的时候也会用到post。

input 标签有多种类型

type=>text（文本输入）/password（密码）；

radio：单选框，如果单选框选择的内容是同一项内容，那么多个输入input标签的name值必须一致。

checkbox：复选框，如果复选框选择的内容是同一项内容，那么多个输入input标签的name值也必须一致。

color：输入颜色（少用）。

date：时间标签（少用）

select>option

textarea:长文本输入标签；

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><form action="https://cn.bing.com/search?" method="get"><input type="text" name="q" id="" value=""/><input type="submit" value="搜索"/></form><hr /><form action="" method="get">用户名：<input type="text" name="user" id="" value="" /><hr />密码：<input type="password" name="pswd" id="" value="" /><hr /><h3>性别选择</h3>男<input type="radio" name="ganger" id="" value="boy" />女：<input type="radio" name="" id="" value="gril" /><hr /><h3>请选择喜欢的明星</h3>刘德华<input type="checkbox" name="satrs" id="" value="LDH" />胡歌<input type="checkbox" name="satrs" id="" value="HG" />林更新<input type="checkbox" name="" id="" value="LGX" /><hr /><h3>请选择喜欢的颜色</h3><input type="color" name="" id="" value="" /><hr /><h3>请自我介绍一下</h3><textarea name="brief" rows="20" cols="100"></textarea><hr /><h3>请选择喜欢的城市</h3><select name=""><option value="beijing">北京</option><option value="shanghai">上海</option><option value="guangzhou">广州</option><option value="shenzen">深圳</option><option value="wuhan">武汉</option><option value="shenyang">沈阳</option><option value="dalian">大连</option></select><hr /><input type="submit" value="注册"/></form></body>
</html>

html 单选框_HTML相关推荐

html制作单选网页程序,网页制作基础：单选框和复选框的应用_html
在用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,在html的标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中的选项用户可以任意选择多项,甚 ...
MFC控件编程之复选框单选框分组框
MFC控件编程之复选框单选框分组框一丶分组框分组框英文叫做 GroubBox 添加了分组框主要就是分组.好看.不重点介绍二丶单选框英文: Raido Button 单选框需要注意的事项 1. ...
CSS3重新定义input中呆若木鸡的默认复选框CheckBox和单选框Radio样式
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><style>/* ...
[微信小程序]单选框以及多选框实例代码附讲解
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 效果图 <radio-group class="radio-group" b ...
js 实现多选框(复选框) 和单选框,下拉框功能完整示例代码附效果图
<!DOCTYPE html> <html><head><meta charset="utf-8" /><script src ...
HTML中单选框的设置，和提交按钮之间的组合
 <!DOCTYPE html> <html> <head> <meta charset="u ...
Python3+Selenium3 之滚动条操作实例与单选框的实例演示
Python3+Selenium3单选框代码如下: #coding:utf-8 #导入selenium from selenium import webdriver #设置等待时间导入pytho ...
jQuery对下拉框、单选框、多选框的处理
下拉框: //得到下拉菜单的选中项的文本(注意中间有空格) var cc1 = $(".formc select[@name='country'] option[@selected]&quo ...
jQuery --- 实现 checkbox 样式的单选框
早就想写点博客了一直懒着动最近发现一些写过的东西都不记得了,下决心把自己平时遇到的问题.得到的经验记录下来,希望能大家一点帮助这是之前写的一个模态框要求单选但是要求radio的默认样式 ...
纯css写单选框和复选框的样式和功能
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...

html 单选框_HTML

一、HTML

1.3 列表

1.4 表单标签

html 单选框_HTML相关推荐

最新文章

热门文章