html 文本框代码

🌙
手机阅读
本文目录结构
axihe

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 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 知识


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang