Для надежности я бы предложил присвоить имена классов или id
s элементам стиля (в идеале a class
для ввода текста, так как предположительно их будет несколько) и id
кнопку submit (хотя a также class
будет работать):
<form action="#" method="post">
<label for="text1">Text 1</label>
<input type="text" class="textInput" id="text1" />
<label for="text2">Text 2</label>
<input type="text" class="textInput" id="text2" />
<input id="submitBtn" type="submit" />
</form>
С помощью CSS:
.textInput {
/* styles the text input elements with this class */
}
#submitBtn {
/* styles the submit button */
}
Для более современных браузеров вы можете выбирать по атрибутам (используя тот же HTML):
.input {
/* styles all input elements */
}
.input[type="text"] {
/* styles all inputs with type 'text' */
}
.input[type="submit"] {
/* styles all inputs with type 'submit' */
}
Вы также можете просто использовать одноуровневые комбинаторы (поскольку ввод текста в стиле, кажется, всегда следует за label
элементом, а за отправкой следует текстовая область (но это довольно хрупко)):
label + input,
label + textarea {
/* styles input, and textarea, elements that follow a label */
}
input + input,
textarea + input {
/* would style the submit-button in the above HTML */
}