在HTML表单中， 元素是一个非常重要的组件。通过 元素，我们可以创建多种类型的输入控件，如文本框、按钮、单选框、复选框等等。其中，元素的宽度对于展示页面的美观程度以及用户体验至关重要。在本篇文章中，我们将会深入讨论如何设置 宽度。
设置固定宽度
设置固定宽度最简单的方法就是使用 CSS 中的 width 属性。例如：
上述代码表示创建一个文本框，宽度为 200 像素，这样文本框就会显示为一个长方形的形状。
自适应宽度
在某些情况下，我们需要让 元素的宽度自适应其父元素（通常是一个包含着 input 的 div）。这个时候，我们可以使用百分比来设置宽度：
上述代码表示创建一个宽度为 50% 的 div，并在其中创建一个文本框，文本框的宽度也为 100%。这样，文本框的宽度就会自适应其包含 div 的宽度。
设置最大宽度
有时候，我们需要限制 元素的宽度不要超过某个值。这个时候，我们可以使用 CSS 中的 max-width 属性：
上述代码表示创建一个文本框，最大宽度为 300 像素。如果文本框所在的父元素宽度小于 300 像素，则文本框的宽度等于其父元素的宽度；反之，文本框的宽度等于 300 像素。
以上是关于 宽度设置的一些简单介绍与示例，希望对你理解 HTML 表单中的输入控件有所帮助！