html5加减文本框，html文本框加上下箭头

怎样做出HTML文本框只读效果

在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：使用input的disable和readonly两个属性。

两种方法：input type=text name=noedit size=20 disabled=disabled value=不可编辑，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。

本文我们将和大家分享一个基础的知识：HTML实现文本框只读不能修改其中的内容的方法，希望对大家有帮助。

html禁止文本框输入，用到的工具：notepad++，代码以及输出效果如下：代码部分。input type=text name=name readonly=readonly /说明：readonly=readonly，文本框就不能输入了。

具体步骤：方法一：设置readonly属性为true。Html代码 input type=text value=readonly readonly input type=text value=readonly readonly 方法二：设置disabled属性为true。

相关问答

Q1: HTML5元素

1、（1）与结构相关的元素1）section元素。表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它与hh2…等元素结合起来使用标示文档结构。..2）article元素。

2、meter：表示特定范围内的数值，可用于工资、数量、百分比等。time：表示时间值。progress：用来表示进度条，可通过对其max、min、step等属性进行控制，完成对进度的表示和监事。

3、元数据---通常出现在页面的head中，设置页面其他部分的表现和行为，如script，style，title等 短语---文本和文本标记元素，如mark，kbd，sub，sup等 以上所有类型的元素都可以通过css来设定样式。

4、用于播放html5视频文件的正确html5元素是video。HTML5规定了一种通过video元素来包含视频的标准方法。当前video元素支持三种视频格式，Ogg=带有Theora视频编码和Vorbis音频编码的Ogg。html5最先由WHATWG命名的一种超文本标记语言。

Q2: html5实训心得

h5培训心得体会如下：【HTML5培训】内容首先是学习HTML5文档结构和基础语法，了解HTML5新特性，CSS3基础语法和布局样式，图形图像软件使用等。

在实训中除了学到了许多新的知识，还锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力。实训中的项目作业也使我更加有团队精神。继续学习，不断充实自我。

在实训中除了学到了许多新的知识，还锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力。实训中的项目作业也使我更加有团队精神。 继续学习，不断充实自我。

实训中的项目作业也使我更加有团队精神。 继续学习，不断充实自我。 在实训中除了学到了许多新的知识，了解了关于HTML5的相关知识，对互联网+有了新的认识，对于未来工作的方向也多了一种选择。 努力实践，不断提升自我。

心得与体会 在实训中我学到了许多新的知识。实训是一个让我把书本上的理论知识运用于实践中的好机会，原来，学的时候感叹学的内容太难懂，现在想来，有些其实并不难，关键在于理解。

设计是设计师的工作，设计师按照用户需求出设计图，他们使用的工具一般是fireworks、Dreamweaver和photoshop这类设计工具，图片出来后，前端开发就需要按照图片的设计制作HTML静态页面，那么这就是前端开发的主要工作了。

Q3: 跟HTML相比,HTML5新增了哪些新特性?

语义特性 HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

HTML5在HTML的基础上进行了一些扩展，拥有更多的新特性和功能。其中一些特性包括：语义化标签：HTML5新增了一些语义化标签可以更好地描述页面内容，提高搜索引擎的识别效率。

【答案】：新特性：HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

增加了几个新功能。HTML从0到0发生了巨大的变化，从单一的文本显示功能到图文并茂的多媒体显示功能。经过多年的改进，许多特性已经发展成为一种非常重要的标记语言。HTML5的新特性如下。

Q4: html中input文本框,初始里边有文字提示,当点击时,文字消失,怎么设置...

input onFocus=if(value==请输入关键字){value=} value=请输入关键字 /form 注意：value里面的汉字必须一致，否则无效果。

我猜测你的意思是，光标进入input框内，input内的文字就消失。

)oIpt[0].onclick=function(){this.value = }}/script/headbodyinput type=text value=点我消失！ name=/body/html以上代码实现的效果为，点击文本输入框之后设置input的value值为空。

点击输入框，即光标移动到输入框内，叫“获得焦点”，要响应该事件应把代码加入onfocus属性中。同理，从输入框中移开光标，叫“失去焦点”，要响应该事件使用onblur属性。

Q5: HTML5中的Datalist元素标签怎么用

datalist 标签定义选项列表。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

html datalist标签怎么用？作用：定义选项列表，并且规定了input元素可能的选项列表。说明：请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

HTML5 拥有若干涉及表单的元素和属性。 datalist keygen output 浏览器支持 datalist 元素 datalist 元素规定输入域的选项列表。 列表是通过 datalist 内的 option 元素创建的。

HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

触发input的change事件，肯定不会触发datalist什么事件。datalist只是存放input候选值的地方。好像连input的change事件都没触发，什么事件都没触发。

datalist 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。HTML5： datalist/datalist HTML4： see combobox.details 标签定义元素的细节，用户可进行查看，或通过点击进行隐藏。

html5加减文本框的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html文本框加上下箭头、html5加减文本框的信息别忘了在本站进行查找喔。