第二次前端笔记

2022/2/6 23:20:30

本文主要是介绍第二次前端笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

表单

1.form

  form标签用于为用户输入创建HTML表单。

表单能够包含input元素,比如文本字段,复选框,单选框,提交按钮等等,还可以包含textarea等元素。

  表单用于向服务器传输数据,属于块级元素,会自动换行。

2.input

input标签用于收集用户信息,根据不同的type属性值,输入字段拥有多种形式,输入字段可以是文本字段,复选框,单选按钮,按钮等。

常用属性如下

属性描述
alttext定义图像输入的替代文本
checkedchecked规定此input元素首次加载时应被选中
disableddisabled当input元素加载时禁用此元素
readonlyreadonly规定输入字段为只读
maxlengthmaxlength规定输入字段中的字符最大长度
valuevalue规定input元素的值
type

button

checkbox

file

hidden

image

password

radio

reset

submit

text

规定input元素类型。按钮,复选框,文件,隐藏域,图像形按钮,密码,单选框,重置按钮,提交按钮,文本。

3.textarea

  该标签定义多行的文本输入控件,文本区中可容纳无限数量的文本,可以通过rows和cols属性来规定textarea的可见行数与列数。

<textarea>content</textarea>

 4.label

  label标签为input元素定义标记。

  label元素不会呈现任何特殊效果。

  label标签的for属性应与相关元素的id属性相同,此时点击label元素标签会自动为元素聚焦。

5.button

  

属性描述
disableddisabled禁用该按钮
typebutton,submit,reset定义按钮类型(默认为submit)
valuetext定义按钮初始值
namebutton_name定义按钮名称

通过此方法设定按钮相比与<input type="button">的好处是此方法可以设置按钮的颜色等属性。

6.select

  select用于定义下拉列表

<select name="">
 <option value=""> 文本1 </option>
 <option value=""> 文本2 </option>
 <option value=""> 文本3 </option>
 <option value=""> 文本4 </option>
</select>
  

select常用属性如下

  

属性描述
disableddisabled禁用下拉框
multiplemultiple规定可选择多个选项
namename规定下拉列表名称
sizesize规定下拉列表中可见选项数目

常用字符实体

   在HTML中某些字符是预留的,

   在HTML中不能使用大于号(>)和小于号(<),浏览器会认为他们是标签。

   如果希望正确的显示预留字符,我们必须在HTML源代码中使用字符实体

   注意:实体名称对大小写敏感。

    大于号:&gt

    小于号:&lt

    空格:&nbsp

    版权符号:&copy



这篇关于第二次前端笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程