HTML-11补充元素

iframe

嵌入另一个页面

• 默认行盒
• 内容取决于src
• css不能完全控制样式
• 具有行块盒的特点
  举例：

	<a href="https://www.taobao.com" target="myframe">淘宝</a>

    <iframe name="myframe" src="https://www.baidu.com"></iframe>

表单元素

input

<input type="text" placeholder="请输入账号">
//placeholder 提示文本  value属性：默认输入
//type属性： text 文本 、如上 
//checkbox 多选框
 		<input name="loves" type="checkbox">
        阅读
        <input name="loves" type="checkbox">
        其他
//radio 单选框

select 下拉选择框/和option配合使用

<select>
            <option>成都</option>
            <option>北京</option>
            <option selected>哈尔滨</option>
</select>

textarea 文本域、多行文本框

<textarea style="width:500px;height:300px;" placeholder="请输入简介"></textarea>

button 按钮
type 属性：

1. reset 重置
2. submit 提交
3. button 普通按钮
   button元素中可以加入其他元素

<button>
            <img src="hashiqi.jpg" alt="" style="width:150px;">
            <p>Lorem ipsum dolor sit.</p>
</button>
<button type="button">这是一个按钮</button>

label 点击文字选择按钮效果

// 写法1
        <input type="radio" name="" id="a">
        <label for="a">aaa</label>
//写法2
<label>
            <input name="gender" type="radio">
            男
</label>

datalist 类似搜索提示的效果

 <input list="userAgent" type="text">
 <datalist id="userAgent">
        <option value="Chrome">谷歌浏览器</option>
        <option value="IE">IE浏览器</option>
        <option value="Opera">欧鹏浏览器</option>
        <option value="Safari">苹果浏览器</option>
        <option value="Fire fox">火狐浏览器</option>
    </datalist>

form 表单
把form元素套在别的输入框外，最后加上submit提交按钮 传递表单

<form action="https://www.baidu.com/" method="GET"">
        <p>
            账号：
            <input type="text" name="loginid">
        </p>
        <p>
            密码：
            <input type="password" name="loginpwd">
        </p>
        <p>
            城市：
            <select name="city">
                <option value="1">成都</option>
                <option value="2">重庆</option>
                <option value="3">北京</option>
                <option value="4">哈尔滨</option>
            </select>
        </p>
        <p>
            <button type="submit">提交</button>
        </p>
    </form>

fieldset
效果：

<fieldset>
        <legend>集成信息</legend>
        <li>
            pub id
            <input type="text" name="" id="a">
            实测
            <input type="text" name="" id="">
        </li>
        <li>
            app id
            <input type="text" name="" id="">
            实测
            <input type="text" name="" id="">
        </li>
        <li>
            sdk_version
            <input type="text" name="" id="">
            实测
            <input type="text" name="" id="">  
        </li>
        <li>
            网络环境
            <input type="text" list="net">
            <datalist id="net">
                    <option value="CN">国内</option>
                    <option value="HK">香港</option>
                    <option value="US">美国</option>
                    <option value="IN">印度</option>
                    <option value="JP">日本</option>
                    <option value="KR">韩国</option>
                    <option value="ID">印尼</option>
                    <option value="DE">德国</option>
                    <option value="BR">巴西</option>
            </datalist>
        </li>
</fieldset>

表单状态属性

 <input type="text" value="aaaaa" readonly>
 //readonly 只读  可选中但不可更改
 //disabled  不能选中不能更改