[JavaScript知识库]第二次网页前端培训笔记（HTML标签）

学习网址：视频网址? ? 资料网址?????

1.表单（form）

为块级元素，会自动换行，把输入的数据传输给服务器。

基本属性

action(表单提交的地址url)、id(唯一标识)、name(名称)、target(打开方式)、method(提交方式)。

提交方式method分为两种：

get：参数直接跟在url后面,用问号拼接,安全性差传输数据量小,速度大约为post的两倍,有缓存。

post：参数不会跟在url后面，会放在请求体中，安全性强，传输数据量大，无缓存。

元素（需要设置name属性值）

input：type(表单元素的类型)：

? ? ? ? ? ?text(文本框)、password(密码框)、radio(单选框)需要设置一组相同的name属性值、

? ? ? ? ? ?checkbox(复选框)、button(隐藏按钮)、hidden(隐藏域)、file(文件域)、date(日期框)、

? ? ? ? ? ?submit(提交按钮)、reset(重置按钮)、image(图片按钮也是提交按钮)。

? ? ? ? ? ?value：表单元素的值。

? ? ? ? ? ?checked：是否选中(单选框)(复选框)。

? ? ? ? ? ?disabled：是否禁用。

? ? ? ? ? ?maxlength：允许输入的最大字符。

? ? ? ? ? ?<form action=" " method=" " id=" " name=" ">

? ? ? ? ? ?<input type=" " name=" " value=" " /> <br />?</form>

textarea：文本域，属性有cols(宽度)、rows(高度)。

? ? ? ? ? ?<textarea name="?" rows=" " cols=" "> </textarea>

label：通过设置label的for属性值与表单元素的id属性值对应，可以在点击label标签时自动聚焦。

? ? ? ? ? ?<label for="id"> </label>

button：按钮其属性有type分为button普通按钮、submit提交按钮(默认)、reset重置按钮。

? ? ? ? ? ?<button type=" "> </button>

select：下拉选项，属性有name、multtiple(多选)、size(一次性显示的选项数量)、disabled(禁用).

? ? ? ? ? ?元素为option其属性有disabled(禁用)、selected(初始选中)、value(选项值)。

? ? ? ? ? ?<select name=" " multiple=" " size=" ">

? ? ? ? ? ?<option value=" " disabled=" "> </option> </select>

2.常用字符实体

空格:&nbsp? 小于号:&lt? 大于号:&gt? 版权:&copy