【前端】HTML标签:表单标签(form标签)

简介: HTML标签:表单标签(form标签)

* input:可以通过type属性值,改变元素展示的样式

 * type属性(这里说下最主要的, 其他属性用到在网上搜索就行):

  * text:文本输入框,默认值

   * placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息  

  * password:密码输入框(输入时,内容就会变成密文展示方式)

  * radio:单选框

   * 注意:

    1. 要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。

    2. 一般会给每一个单选框提供value属性,指定其被选中后提交的值

    3. checked属性,可以指定默认值

  * checkbox:复选框

   * 注意:

    1. 一般会给每一个单选框提供value属性,指定其被选中后提交的值

    2. checked属性,可以指定默认值

  * file:文件选择框(有个上传文件的按钮)

  * hidden:隐藏域,用于提交一些不需要在页面展示但又必须提交到后台的数据。

  * 按钮:

   * submit:提交按钮。可以提交表单(提交表单里的数据)

   * button:普通按钮,经常配合CSS 使用

   * image:图片提交按钮

    * src属性指定图片的路径  

   * label:指定输入项的文字描述信息

    * 注意:

     * label的for属性一般会和 input 的 id属性值 对应。如果对应了,则点击label区域,会让input输入框获取焦点。

   * select: 下拉列表

    * 子元素:option,指定列表项

    * selected:默认选择项

 

   * textarea:文本域

    * cols:指定列数,每一行有多少个字符

    * rows:默认多少行。



**本文首发于CSDN,为博主原创文章,如果需要转载,请注明出处,谢谢!**


完结!

相关文章
|
6天前
HTML中的<iframe>标签及其属性
HTML中的<iframe>标签及其属性
19 5
|
6天前
HTML中的<br>、<hr>和<pre>标签使用指南
HTML中的<br>、<hr>和<pre>标签使用指南
14 2
|
6天前
|
JavaScript UED
HTML中的<a>标签使用指南
HTML中的<a>标签使用指南
16 6
|
6天前
|
数据采集 JavaScript 前端开发
HTML表单深度解析:构建互动的网页界面
HTML表单深度解析:构建互动的网页界面
16 2
|
6天前
|
Web App开发 移动开发 搜索推荐
HTML <meta> 标签及其属性介绍
HTML <meta> 标签及其属性介绍
15 1
|
2天前
|
Web App开发 移动开发 HTML5
文本,兼容性-----HTML5新增音频和视频标签
文本,兼容性-----HTML5新增音频和视频标签
|
2天前
|
数据安全/隐私保护
HTML4(三):表单
HTML4(三):表单
6 0
|
2天前
常用HTML标签及其作用
常用HTML标签及其作用
|
2天前
|
前端开发
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
5 0
|
3天前
|
搜索推荐
html【标签】meta base
html【标签】meta base
8 0