HMTL部分标签使用方法

iframe标签

在当前页面下新开一个窗口, 嵌套的代码如下：<iframe src="http://www.baidu.com" name="xxx"></iframe>

a标签

跳转页面 (HTTP GET请求)

  利用伪协议使页面点击之后不跳转 实现代码如下:
  <a herf="javascript:;">qq</a>
 
  download下载的使用
  <a herf="" download></a>

form标签

主要是用来发起一个POST请求的
跳转页面 (HTTP POST请求)

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

如果form没有提交按钮 就无法提交form表单 除非你用JS

<input>

如果一个form里面只有一个按钮且它没有写type，那么它会自动升级为提交按钮。

submit 提交

button 按钮

input没有子元素 button是可有子元素的

checkbox 复选框

  <label><input type="checkbox">点我就会勾选复选框</label> 

radio 单选框 name值相同→就是单选

select 下拉列表

<select name="group" multiple>  //multiple表示可以多选
  <option value=""> - </option>
  <option value="1">第一组</option>
  <option value="2">第二组</option>
  <option value=""3 disable>第三组</option>  //disable表示不可选
  <option value="4" selected>第四组</option>
</select>    //selected表示默认选中

table标签

table的完整用法

image.png

table的border默认是有间距的的，可以用css来清除
border-collapse:collapse