HTML部分

HTML

内联框架：<iframe>

<iframe src="http://www.4399.com" frameborder="0" width="2000" height="1000">

表单：<form>

<form action="My_first_html.html" method="post">
    <!--
get:不安全，高效，不能传输大文件
post：安全，传输大文件
-->
    <!--
初级验证：
placeholder:提示信息
required:   非空判断
pattern:    正则表达式
-->
    <p>名字：<input type="text" name="username" value="twd" maxlength="5" placeholder="请输入用户名"></p>
    <p>密码：<input type="password" name="password"></p>
    <p><input type="submit">
        <input type="reset">
    </p>
    <p>性别(单选)：
        <input type="radio" value="boy" name="sex" checked>男
        <input type="radio" value="girl" name="sex">女
    </p>
<!--    
value：单选框的值
name：组
-->
    <p>爱好(复选框)：
        <input type="checkbox" value="sleep" name="hoppy">睡觉
        <input type="checkbox" value="game" name="hoppy" checked>打游戏
        <input type="checkbox" value="code" name="hoppy">敲代码
        <input type="checkbox" value="haha" name="hoppy">哈哈
    </p>
    
    <p>按钮：
        <input type="button" name="btn1" value="点击变长">
<!--        <input type="image" src="../resources/image/img.png">   图片按钮--> 
    </p>
    <p>下拉框(国家):
        <select name="country" id="">
            <option value="china">中国</option>
            <option value="us">漂亮国</option>
            <option value="rs" selected>瑞士</option>
            <option value="els">俄罗斯</option>
        </select>
    </p>
    <p>反馈(文本域):<br>
        <textarea name="textarea" cols="5" rows="5">文本内容</textarea>
    </p>
    <p>文件域：
        <input type="file" name="files" >
        <input type="button" value="上传" name="upload">
    </p>
    <p>邮箱：
        <input type="email" name="email">
    </p>
    <p>URL:
        <input type="url" name="url">
    </p>
    <p>数字：
        <input type="number" name="number" max="100" min="0" step="10">
    </p>
    <p>滑块：
        <input type="range" name="voice" min="0" max="100" step="10">
    </p>
    <p>搜索框：
        <!--        增强鼠标可用性-->
        <label for="mark">搜索框</label>
        <input type="search" name="search" id="mark">
    </p>
</form>
​