手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用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中的写法控制输入框的展示形式
© 手抄报圈