2020-11-06前端学习之HTML结束

今天算是学习前端的第四天了，进度有些慢了，毕竟还在上班，晚上还有陪客户喝酒，时间不是那么充足。不过也总选把HTML学完了（这里的学完就是把B站上Pinkl老师的视频看完了，略懂皮毛），接下来就是学习CSS了。

 

加油，打工人！

下面是我学HTML剩下的笔记
无序列表:<ul></ul>  列表项用<li></li>
有序列表：<ol></ol>  <li></li>
自定义列表：<dl></dl>   标题<dt></dt> 内容<dd></dd>
表单标签：使用表单是为了收集用户信息
表单是由三部分组成 表单域，表单控件（表单元素），提示信息
表单域是包含表单元素的区域。<from>用于定义表单域，以实现用户信息的收集和传递
<from>会把它范围内的表单元素信息提交给服务器
action    ur地址    用于接收并处理表单数据的服务器的ur地址
metjod    get/post    用于设置表单数据的提交方式
name    名称    用于指定表单的名称，以区分同一个页面的多个表单域
<from action=”ur地址” metjod=”get” name=”表单名称”>
   各种表单元素
</from>
表单元素：在表单域中可以顶一个钟表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。
<form action="xxx.php" method="get">
         <!-- text 文本框 用户可以里面输入任何文字 -->
        用户名: <input type="text" name="username" value="请输入用户名" maxlength="6">   <br> 
        <!-- password 密码框 用户看不见输入的密码 -->
        密码: <input type="password" name="pwd" >  <br> 
        <!-- radio 单选按钮  可以实现多选一 -->
        <!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 -->
        <!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 -->
        性别: 男 <input type="radio" name="sex" value="男"> 女  <input type="radio" name="sex" value="女" checked="checked"> 人妖   <input type="radio" name="sex" value="人妖">   <br> 
        <!-- checkbox 复选框  可以实现多选 -->
        爱好: 吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby">  打豆豆 <input type="checkbox" name="hobby" checked="checked"> 
        <br> 
        <!-- 点击了提交按钮,可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器 -->
        <input type="submit" value="免费注册">
        <!-- 重置按钮可以还原表单元素初始的默认状态 -->
        <input type="reset" value="重新填写">
        <!-- 普通按钮 button  后期结合js 搭配使用-->
        <input type="button" value="获取短信验证码"> <br>
        <!-- 文件域 使用场景 上传文件使用的 -->
        上传头像:  <input type="file" >

button    定义可点按钮
checkbox    定义复选框
file    定义输入字段和浏览按钮，供文件上传
hidden    定义隐藏的输入字段
image    定义图片的提交按钮
password    定义密码字段，隐藏
radio    定义单选按钮
reset    定义重置按钮
submit    定义提交按钮
text    定义输入的字段，默认20个字符
<input>其他属性
Name    用户自定义    定义input名称
Value    用户自定义    规定input元素值
Checked    Checked    规定次input首次加载时应被选中
Maxlength    正整数    规定输入字段中的字符最大长度
1.name和value主要是给后台人员使用的
2.name表单元素中，要求单选按钮和复选框要有相同的数值
3.checked属性主要针对的是对于单选框和复选框，主要作用是一打开网页，就勾选
4.Maxlength 规定输入字符的多少

<lable>标签 为<input>标签 元素定义标注  
<lable for=”sex”>男</lable>
<input type=”radio ”  name=”sex”   id=”sex”  />

Select 下拉表单元素  <select>
                      <option>选项1</option>
                      <option>选项2</option>
                    </select>
在<option>中，定义selected=”selected” 即可定义该选项为默认选项
<textarea> 输入内容较多是使用
<textarea rows=”3” cols=”20”>
       文本内容
</textarea>