ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

第二次前端笔记

2022-02-06 22:00:09  阅读:115  来源: 互联网

标签:前端 元素 笔记 label 按钮 input 第二次 文本 属性


表单

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

标签:前端,元素,笔记,label,按钮,input,第二次,文本,属性
来源: https://blog.csdn.net/qq_66843365/article/details/122800975

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有