今天算是学习前端的第四天了,进度有些慢了,毕竟还在上班,晚上还有陪客户喝酒,时间不是那么充足。不过也总选把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>