html 文本框代码

html 文本框代码

如何创建 html 文本输入框？html 文本输入框代码是什么？HTML 表单是获取用户输入所需的内容。但是首先，你需要制作一个文本框，那么如何创建是一个问题，下面我们来讲一下 Windows 系统是如何创建 html 文本输入框。

一：首先创建一个 HTML 文件，打开记事本或任何其他纯文本编辑器，在 Windows 上，您可以通过“开始”菜单访问记事本，位于“附件”，然后是“记事本”。或者，使用 Windows 键 + R，然后键入记事本并按 Enter 键。

代码

First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>

演示

First name:
Last name:

第二种文本框代码

<textarea rows="10" cols="30">
阿西河前端教程
</textarea>

选中去除文本框文字，离开后显示原有文字：

<input name="key" type="text" id="key" value="关键词" size="30"
      οnmοuseοver=this.focus();this.select();
      οnclick="if(value==defaultValue){value='';this.style.color='#000'}"
      onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />

<input name=“key” type=“text” id=“key” value=“关键词” size=“30” οnmοuseοver=this.focus();this.select(); οnclick=“if(value==defaultValue){value=’’;this.style.color=’#000’}” onBlur=“if(!value){value=defaultValue;this.style.color=’#999’}” style=“color:#999” />

选中后方可编辑：

<input type="checkbox" name="tpbox" value="1"
οnclick="if(this.checked) {txtNo.disabled=false}else{txtNo.disabled=true}">
你一定要幸福，我会好好的！你的姓名：
<input type="text" name="txtNo" size="20" value="选中前面的选项方可编辑" disabled>

点击链接后方可编辑：

<a href="#" onclick="username.readOnly=false;alert('你好，欢迎使用！')">先点击我哦！</a>
你的姓名：<input id="username" value="--请输入--" size="30" readOnly>

输入框变色：

<input type="text" size="20" style="background-color:#FFFFFF"
        οnfοcus="style.backgroundColor='#FFFF00'"
        οnblur="style.backgroundColor='#FFFFFF'">

更多 HTML 搜索

通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容，可以知道他们实际工作使用了什么技术或者什么地方薄弱；

你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容；

注：这里仅收录了常见搜索，并不是无论搜索什么都记录在里面的；

如果你是为了面试做准备的，那么推荐你查看 HTML面试题，这里基本包涵了市场上的所有 HTML 方面的面试题，让你更加牢固的掌握 HTML 知识