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

如何让一个input输入框居中

时间:2024-10-12 03:35:28

1、新建一个html文档,可以用任何文本编辑器,这里演示用Dreamweaver软件,新建并保存html文档。

如何让一个input输入框居中

2、然后写html代码,写一个input文本输入框id为inputId,然后写一个按钮,id为buttonId,这里要做的是点击按钮就为输入框赋值。

如何让一个input输入框居中

3、然后把输入框和按钮的css样式写好,当然不写样式也可以,这里主要是为了美化一下。

如何让一个input输入框居中

4、打开浏览器测试一下,点击按钮之后输入框内自动居中了,如下图所示。

如何让一个input输入框居中

© 手抄报圈