Html input 标签

Html input 标签

<html>
<body><!-- type="text" 普通文本输入框 --><input type="text" /><!-- type="password" 密码输入框 --><input type="password" /><!-- type="email" 邮件输入框 --><input type="email" /><!-- type="number" 数字选择输入框 --><input type="number" /><!-- type="color" 颜色选择输入框 --><input type="color" /><!-- type="time" 时间选择输入框 --><input type="time" /><!--  type="tel" 移动端输入框，自动弹出键盘界面 --><input type="tel" /><!-- type="button" 按钮框默认无功能、value="登录"按钮框内值 --><input type="button" value="登录"/><!-- type="submit" 提交按钮框可返回输入框数据、value="登录"按钮框内值 --><input type="submit" value="登录"/><!-- type="radio" 单选框、name="xxx"指定key值 相同key值会互斥不能多选、value="1"返回提交的value判断值得不同 --><input type="radio" name="xxx" value="1" /><input type="radio" name="xxx" value="2"/><!-- type="checkbox" 复选框、name="xxx"指定key值相同key值分类、value="1"返回提交的value判断值得不同、checked="checked"默认勾选--><input type="checkbox" name="xxx" value="1"/><input type="checkbox" name="xxx" value="2"/><input type="checkbox" name="xxx" value="3" checked="checked"/><!-- type="reset" 清空表单内的内容、value="重置"输入框内容--><input type="reset" value="重置"></body>
</html>

使用属性

<!--name=key -->
<!-- value="内部默认输入内容" -->
<input type="text" name="key" value="xxx"/>

效果

转载于:https://www.cnblogs.com/xiangsikai/p/10400901.html

Html input 标签相关推荐

表单之input标签
表单之input标签文章目录表单之input标签视频代码视频 https://www.bilibili.com/video/BV1gf4y1m7No?from=search&seid ...
通过jquery获取td下的input标签的值，并且改变onclick的参数值
一.背景这几篇博客貌似我都是记在笔记本上超过一个月了,手动捂脸!我自己看着都有点陌生,行吧,就当重温一下当时碰到的问题了. 背景是要获取table标签里面的td下的input的对象,并修改它的onc ...
jquery改变html元素的样式，给input标签赋值，onclick中文传参问题等
一.前言最近又是用jquery比较多,很多东西都忘记了.一边使用一边学习吧,这边记录一下. 二.Jquery改变html的样式 $('#tanchuang').css('display','bloc ...
winphone系统a、input标签被点击时产生的半透明灰色背景
在winphone系统下,链接a和input标签被点击是会产生半透明灰色背景. 下面就分享一下如何消除此问题,代码如下: 1 <meta name="msapplication-tap ...
php多图片上传并回显,如何用input标签和jquery实现多图片的上传和回显功能
本文主要记录如何用input标签和jquery实现多图片的上传和回显,不会涉及后端的交互,大概的效果看图效果图我们从零来做一个这样的demo 第一步: 我们先完善一下我们的页面,默认的input- ...
input标签加disabled属性后无法获得其value值
在做网站时,由于某些信息不能修改,故使用了input标签的disabled属性, 但是在提交数据后却发现显示为空了.后来一查才知道input设置为disabled值时会有下面的限制: 1.不能接收焦点 ...
html input得到内容,js获得html中的input标签内容
各种input标签,定义不同的name="?",通过按钮调用js获得 ---------------------单选按钮,组名是1 --------------------复选按钮 ...
input标签获取图片文件尺寸
思路分析 (1)给input标签设置一个onchange事件当input标签的type属性为file时,我们可以给该input标签设置一个onchange事件来监听文件选择的变化 (2)在oncha ...
关于编辑器对input标签报错提示“表单输入没有相关label”的问题
相信很多朋友在制作表单的时候,我们的编辑器会有下图的相关提示吧我们发现虽然这样并不影响我们的正常使用,但是看着这样的报错提示总是很让人心烦,那么这到底是为什么呢? 其实,这是因为编辑器建议我们在使用 ...
html input file 修改按钮文字_html单选按钮默认选中怎么做？input标签的单选按钮用法实例...
本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧首先我们介绍的是在html input ...

Html input 标签

Html input 标签相关推荐

最新文章

热门文章