input是HTML中常用的表單元素，它可以讓用戶輸入內(nèi)容并提交表單。而通過給input加上name屬性，可以給用戶輸入的內(nèi)容起一個(gè)名字，方便后端進(jìn)行處理。而要對(duì)input元素進(jìn)行樣式化，就需要使用CSS。

input[name="username"] {
width: 200px;
height: 30px;
border: 1px solid #ccc;
padding: 5px;
font-size: 16px;
}

在上面的代碼中，我們給input添加了一個(gè)name屬性，值為“username”，并通過CSS給這個(gè)input元素設(shè)置了一些基本的樣式。比如設(shè)置了寬度、高度、邊框和內(nèi)邊距等。

除了普通文本輸入框，input還有很多不同類型的表單元素。比如單選框、復(fù)選框、下拉列表等等。并且每種表單元素都有自己的name屬性，可以讓我們方便的處理用戶輸入的內(nèi)容。

input[type="radio"][name="gender"] {
margin-right: 10px;
}
input[type="radio"][name="gender"] + label {
font-weight: bold;
font-size: 16px;
}

在上面的代碼中，我們給input添加了一個(gè)type屬性，值為“radio”，表示這是一個(gè)單選框。并且給這個(gè)單選框設(shè)置了一些樣式，比如設(shè)置了與下一個(gè)單選框之間的間距，以及給單選框后面的文字添加了一些樣式。

總而言之，通過給input元素添加name屬性，并使用CSS對(duì)其進(jìn)行樣式化，可以讓我們更好地控制表單元素的外觀和行為，從而提升用戶體驗(yàn)。