前端基础（二）

今天咱们继续讲解html标签，因为见了很多网站的登录页面，所以，我们也可以拿这个来开讲

在下面的这段代码中，有这些需要捎带理解一下，基础还是需要打牢固一些：

type是类型：有输入的文本类型，单选，复选，文件，提交。普通按钮，重置等等
name指的数，你输入的参数用一个什么样的名字来保存，比如，此时的注册页面，输入的账号，用user来记作，密码用pwd来记作
value是来保存参数的值

其他的三个属性
disabled属性：禁用该文本区；这个input框，禁止使用
placeholder属性：输入框内的文字提示
readonly属性：规定文本区域为只读，无法编辑

<body>
<!--
 type是类型：有输入的文本类型，单选，复选，文件，提交。普通按钮，重置等等
 name指的数，你输入的参数用一个什么样的名字来保存，比如，此时的注册页面，输入的账号，用user来记作，密码用pwd来记作
 value是来保存参数的值

 disabled属性：禁用该文本区；这个input框，禁止使用
placeholder属性：输入框内的文字提示
readonly属性：规定文本区域为只读，无法编辑
-->
<from action="" method="get">
    <h3>注册页面</h3>
    禁用的输入框(disabled)：<input type="text" name="user" disabled><br>
    账号(placeholder)：<input type="text" name="user" placeholder="请输入账号"><br>
    账号：<input type="text" name="user"><br>
    密码：<input type="text" name="pwd"><br>
    性别：<input type="radio" name="sex" value="nan">男
        <input type="radio" name="sex" value="nv">女
        <input type="radio" name="sex" value="other">未知
        <br>
    技能：<input type="checkbox" name="skill" value="py">python
         <input type="checkbox" name="skill" value="java">java
         <input type="checkbox" name="skill" value="php">php
        <br>
    头像：<input type="file"><br>
    城市：<select name="city" >
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou">广州</option>
            <option value="shenzheng">深圳</option>
        </select>
    <br>
<!--
比如：此时，我想把百度一下，嵌套在我这个网页中，怎么使用iframe标签？
-->
    <iframe src="http://www.baidu.com" frameborder="0" width="600px" height="400px"></iframe>

    <hr>
    <input type="submit" value="注册">
    
</from>


</body>

 通过抓包的方式，可以看到value

 

 iframe标签

 通过iframe标签，可以直接进行嵌套

 以上这都是较为基础的前端html的标签的内容

posted @ 2021-04-26 00:33  excellent_1  阅读(60)  评论(0)    收藏  举报