HTML form标签中修改输入框大小的两种方法

2024-06-02 10:10| 来源: 网络整理| 查看: 265

form标签中修改输入框大小的两种方法使用百分比设置input输入框的宽度和高度，形成自适应（响应式）的版式设计；使用像素px大小设置宽度和高度的值，该方法设置的input大小无法随屏幕宽度的改变而变化大小。使用百分比设置input大小实例代码，及在线编辑器实例代码提示

input输入框中width和height的百分比是相对于父元素form的width和height的比例大小。

用像素px设置input大小实例代码提示

使用像素px设置input的宽度和高度的大小，有点像CSS中position的绝对位置，而不是相对位置，即input的大小与父元素的大小没什么关系，这里为form设置大小是为了更好地容纳input元素。

笨鸟工具HTML+CSS+JS在线编辑器

【本文地址】

公司简介

联系我们