隐藏域hidden的使用-HTML入门基础（024）

我们接着上节的内容，上一节我们学习了三种按钮，在HTML中有一种图片域标签，可以用图片方式形成按钮。

语法：

<input type="image" src="图片的路径">

图片域image既拥有按钮的特点，也拥有图片的特点。

示例代码：

<html>  <head>    <title>图片域image</title>  </head>  <body>    账号：<input type="text"><br>    密码：<input type="password"><br>    <input type="image" src="data:images/login.jpg">  </body></html>

图片呢，你可以百度搜索一个按钮的，放在相应的路径下，就可以看到效果了。

在实际开发中，很少使用图片域来定义按钮，前端开发中，能用CSS样式表实现的，都使用CSS样式实现，这样可以节约传输量，加快页面速度。

隐藏域hidden：

这个标签的作用，主要是为后端开发服务的，比如有些数据，id啊之类的，不需要用户看到，但是又需要在页面上保存起来，就可以用hidden。

语法：

<input type="hidden" id="" name="">

在HTML学习中，隐藏域几乎用不到，大家了解一下即可。它主要的用处还是在后端技术中。

示例代码：

<html>  <head>    <title>隐藏域</title>  </head>  <body>    人员姓名：<input type="text" id="emp_name" name="emp_name" value="虾米大王">    <br>    <input type="hidden" id="emp_id" name="emp_id" value="001">  </body></html>

在浏览器预览效果中，隐藏域没有显示出来，但是数据是已经保存在控件中了，当提交数据至服务器时，就可以根据这些隐藏值做一些相应操作了。

文件域file：

我们上网时，经常可以看到很多网页中有上传文件的地方，这个就是文件域，在使用文件域时，需要在表单form中设置属性enctype="multipart/form-data"，才可以有效果。

语法：

<input type="file" id="" name="">

示例代码：

<html>  <head>    <title>文件域file</title>  </head>  <body>    <form name="form1" methon="post" action="" enctype="multipart/form-data">      <input type="file">    </form>  </body></html>

多行文本框textarea：

单行文本框只能输入一行信息，当我们需要输入大段文字时，就可以使用多行文本框标签，但是它不再使用input标签，而是textarea；

语法：

<textarea rows="行数" cols="列数">多行文本内容</textarea>

多行文本框的内容，不再使用value属性标记，而是开始标签和结束标签之间包裹的内容，都属于多行文本框。

示例代码：

<html>  <head>    <title>多行文本框</title>  </head>  <body>    <p>个人简介：</p>    <textarea rows="10" cols="30">请介绍一下你自己</textarea>  </body></html>

我们设置多行文本框的大小时，使用rows属性和cols属性；

在HTML中，共有三种文本框，

单行文本框text，

密码文本框password，

多行文本框textarea。

下一节我们接着分享表单控件。

隐藏域hidden的使用-HTML入门基础（024）相关推荐

html中隐藏域hidden的作用介绍及使用方法，一看就会！！！
❤️html中隐藏域hidden的作用介绍及使用方法❤️ 前言一.定义和用法二.隐藏域hidden的作用三.实例前言隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信 ...
【HTML】表单隐藏域hidden
1.什么是隐藏域隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上. 2.怎么创建隐藏域 HTML ...
html 隐藏域用什么标签,html中隐藏域hidden的做用介绍及使用示例
基本语法: 做用: 1 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用.浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一块儿发送到服务器 ...
html中隐藏域hidden的作用
基本语法: <input type="hidden" name="field＿name" value="value"> 作用: ...
【Python入门基础】Web前端
文章目录 HTML 使用标签承载内容主要结构文本列表(list) 链接(anchor) 图像(image) 表格(table) 表单(form) 音视频(audio / video) 窗口(fr ...
hidden隐藏域值变化监听
hidden隐藏域值变化监听 jQuery.fn.val方法来赋值不会触发change事件,但是可以手动触发. 如:$('#id').val(111).change();
html（隐藏域）＜input type=“hidden“ id=““/＞用法
解决一个前端页面查询的方法: 问题介绍: (1)中描述不添加查询条件,那就查询所有,之后点击查询. (2)查询结果数据库中一共有10条记录,每页分两条共五页. (1)这个在名称出输入 2. (2)但是 ...
html给隐藏域赋值,selenium webDriver给隐藏域赋值 input hidden set value
//直接这样无法给input hidden赋值 // driver.findElement(By.id("image_default")).sendKeys("a1112 ...
***入门基础知识(超全)
***入门基础知识(超全) [sell=2] DOS 常用命令: dir 列文件名 deltree 删除目录树 cls 清屏 cd 改变当前目录 copy 拷贝文件 diskcopy 复制磁盘 de ...

隐藏域hidden的使用-HTML入门基础（024）

隐藏域hidden的使用-HTML入门基础（024）相关推荐

最新文章

热门文章