如何使用HTML5中的写法控制输入框的展示形式

 时间:2024-10-12 23:32:05

1、第一步,在HBuilder中新建的Web项目目录里,新建静态页面input.html,如下图所示:

如何使用HTML5中的写法控制输入框的展示形式

2、第二步,在<body></body>插入一个输入框,使用type=争犸禀淫"text",设置输入框的id属性值、宽度和高度,如下图所示:

如何使用HTML5中的写法控制输入框的展示形式

3、第三步,保存代码并预览该静态页面,查看到一个输入框,如下图所示:

如何使用HTML5中的写法控制输入框的展示形式

4、第四步,将输入框的type="text"改为type='text',并添加半径属性,如下图所示:

如何使用HTML5中的写法控制输入框的展示形式

5、第五步,再次保存代码并预览页面,输入框有圆角了,跟type="text"一样,如下图所示:

如何使用HTML5中的写法控制输入框的展示形式

6、第六步,将type='text'改为type=text,再次预览页面,发现跟有双引号、单引号一致的效果,如下图所示:

如何使用HTML5中的写法控制输入框的展示形式
  • HBuilderX没有代码提示怎么办?
  • html语言分割线的运用
  • 如何设置html页面的描述信息
  • HTML如何制作过度效果
  • js如何向指定标签插入图片?
  • 热门搜索
    劳动手抄报 关于党的手抄报 读书手抄报 禁毒手抄报内容 家风家训手抄报 我读书我快乐手抄报 三爱三节手抄报 健康手抄报 关于环保的手抄报 节约用水手抄报一等奖