day04

A:今天学到的内容

一、上面元素设置margin-bottom和下面元素设置margin-top的重合

如果给上面元素设置margin-bottom:40px;下面元素设置margin-top:60px;会选择60px的间距。

二、html表单相关元素

1.下拉选框:

<select>
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
</select>

2.预选下拉选框

<form action="">
        <select>
               <option value="">1</option>
               <option value="">2</option>
                <option value="">3</option>
        </select>
</form>

三、input的相关属性

<input type="text"/>
<!--文本-->
<input type="button" value="搜索" /> <br/>
<!--搜索按键 value 定义,命名-->
<input type="password"/><br/>
<!--密码-->
篮球
<input type="checkbox"/>
足球
<input type="checkbox"/>
羽毛球
<input type="checkbox"/> <br/>
<!--多选框-->
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
<!--单选框-->
<form action="http://www.baidu.com">
    <!-- action 提交的地址-->
    <input type="text" placeholder="请输入你的名字"/>
    <!-- input内输入字符消失-->
    <input type="submit" value="搜索"/>
    <!-- 提交-->
    <input type="color"/>
    <!-- 颜色-->
    <input type="date"/>
    <!-- 年月日-->
    <input type="time"/>
    <!-- 时间-->
    <input type="number"/>
    <!-- 只能输入数字-->
    <input type="email"/>
    <!-- 邮箱-->
    <input type="tel"/><br/>
    <!-- 电话-->
    <input type="file"/><br/>
    <!-- 上传文件-->
    <input type="reset"/>
    <!-- 重置-->
</form>
<!--写在form里可以重置所有。reset写在最下面-->

四、display和visibility的区别

(display:none)完全清除。
(visibility:hidden)清除显示,但是高度还在。
(overflow:hidden)溢出部分隐藏。

B:学会了什么

一、上面元素设置margin-bottom和下面元素设置margin-top的重合
二、html表单相关元素
三、input的相关属性
四、display和visibility的区别
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容