RichText,多信息文本,或称富文本,是一种支持图像和文字格式的文本,通常采用富文本技术的输入框成为“富文本编辑器”。
在HTML中有很多这样的案例,如百度的富文本编辑器,许多CMS系统的发布编辑等。
实现原理方面,一般可以用"contenteditable属性",例如:
<div contenteditable="true">我是富文本框哦</div>这样的话这个div中的内容就可以编辑,还可以复制粘贴内容,会保留源格式。
1、首先在电脑桌面上,新建并打开一个记事本文件。
2、这里要用到<form>标签,这个标签包含了表单的一些元素,这里要用到<input>元素,具体格式如下图。
3、其中红框内 type="text" 意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。
4、然后点击保存,改变记事本文件后缀为html,看看网页显示效果。
5、接着来做一个最常用的登陆框,首先做出用户名+文本框;密码+文本框,以下是代码。
6、最后保存,看看网页显示效果,就完成了。
文本框 :<input id="_text" type="text" value="这里是文本框的内容" />
按钮:<input type="button" value="提交" onclick="alert(document.getElementById('_text').value)" />
<script>
function addNumber(everyone)
{
document.getElementById("text1").value += everyone
}
</script><input type="button" onclick="addNumber(1)" value= "1"></input><input type="text" id="text1"></input><input type="button" onclick="addNumber(2)" value= "2"></input>