HTML 常用标签(笔记)

1. a 标签(用于GET请求)

1.无协议绝对地址,自动继承协议
<a href="//baidu.com">Baidu</a>,当前用的是http协议就自动继承http协议,用的是file就会用file协议。
我们在gitbash运行 npm i -g http-server即可安装一个服务器,进入你写index.html的文件夹里运行http-server即可开启服务器,然后在浏览器浏览终端返回的地址即可用http协议来访问你写的文件。


image.png

2.herf='xxx.html' 相对地址
3.herf='?name=xxx' 会自动在当前页面地址尾部加上查询参数,并发起请求
4.herf='#xxx' 当前页面内锚点跳转,不会发起请求
5.伪协议
<a href="javascript:;">qq</a>点击之后a不会做任何反应(点击后无任何反应的超链接)
<a href="javascript:alert(1)";>qq</a>点击之后会弹出1

form

<form>可以用method=’post’发送POST请求
<form>里必须要有一个submit按钮才能被提交, 如果一个form标签里只有一个button标签且没有指定type的值,那么会自动升级为提交按钮。

<form action="users" method="post">
    <input type="text" value="username">
    <input type="password" value="password">
    <input type="submit" value="提交">    
</form> 

input

  1. checkbox
<label><input type="checkbox" name="apple" value="yes">苹果</label>
<label><input type="checkbox" name="banana" value="yes">香蕉</label>
image.png
  1. radio
    name一样只能单选
<label><input type="radio" name="sexual">男</label>
<label><input type="radio" name="sexual">女</label>
image.png

3.select

<select name="group" >
    <option value="">-</option>
    <option value="1">第一组</option>
    <option value="2">第二组</option>
    <option value="3" disabled>第三组</option>
    <option value="4" selected>第四组</option>
</select>
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。