Fork me on GitHub

HTML知识补充

昨天突发奇想，在蓝桥学习网站上面重新再次系统性的复习一下以前曾经学过的知识，因为当时学的时候就是很混乱，很多时间都是做一些无意义的事情浪费的，有时候一整天都在发呆，感觉在信安隔壁的小教室213学习的时候，自己什么也没有掌握多少，现在回想起来真是可笑又荒唐！

如果想使用空格的话可以使用 &nbsp; 字符：<p>这是一段文字&nbsp;&nbsp;&nbsp;&nbsp;用了空格字符</p>
标签 <span> 通常作为文本的容器，它没有特定的含义和样式，只有与 CSS 同时使用才可以为指定文本设置样式属性。

 

 

 

 

form表单

 

 

 下拉菜单

 

 

 

滚动条菜单

 

 

 

文本区域

 

 

 

表单综合练习

 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title></title>
  </head>
  <body>
    <form action="" method="get">
      <p>姓名：<input type="text" name="username" /></p>

      <p>密码：<input type="password" name="password" /></p>

      <p>
        性别：
        <input type="radio" name="gender" value="0" /> 男
        <input type="radio" name="gender" value="1" /> 女
      </p>
      <p>
        爱好：
        <input type="checkbox" name="like" value="sing" /> 唱歌
        <input type="checkbox" name="like" value="run" /> 跑步
        <input type="checkbox" name="like" value="swimming" /> 游泳
      </p>
      <p>
        照片：
        <input type="file" name="person_pic" />
      </p>
      <p>
        个人描述：
        <textarea name="about"></textarea>
      </p>
      <p>
        籍贯：
        <select name="select">
          <option value="成都">成都</option>
          <option value="广州">广州</option>
          <option value="四川">四川</option>
          <option value="上海">上海</option>
        </select>
      </p>
      <p>
        <input type="submit" name="" value="提交" />
        <input type="reset" name="" value="重置" />
      </p>
    </form>
  </body>
</html>

 

iframe 浏览框架

 

 

 使用ifram来显示连接的页面

<p><a href="https://www.lanqiao.cn/" target="shiyanlou">实验楼</a></p>
<iframe width="400" height="400" name="shiyanlou"></iframe>

lable表单

 

 

HTML输入字母判定

 

 HTML不能为空输入

 

输入数字合法性规定

 

 

日期和月份选择

 

 

 

 

 

posted @ 2022-09-30 07:58  小百天  阅读(20)  评论(0)  编辑  收藏  举报