在html中，可以利用width屬性來設置文本框長度，該屬性可以設置元素的寬度，只需要給文本框元素添加“width: 長度數(shù)值+長度單位;”樣式即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html中設置文本框長度的方法

1、新建一個html文件，命名為test.html，用于講解怎樣用css調文本框的長度。

2、在test.html文件內，分別在p標簽內使用input標簽創(chuàng)建兩個文本框，如下圖。

3、在test.html文件內，分別設置兩個輸入框的id屬性為one和two，主要用于下面通過該id來設置css樣式。

4、在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。

5、在css標簽內，對id為one的input標簽進行樣式設置，使用width屬性定義其長度為100px。

6、在css標簽內，對id為two的input標簽進行樣式設置，使用width屬性定義其長度為200px。

7、在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

推薦學習：《html視頻教程》