阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

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

      目录
      目录