В този скринкаст ще влезем в изграждането на формуляра за коментар в HTML / CSS. Маркировката за формуляра за коментар живее във файла comments.php в нашата тема. Търсим елемента, за да го намерим.
Излагаме всеки от трите входа (име, имейл, url), използвайки мрежата, която имаме на място. Момче, добре се възползвахме от това, а?
Вече имаме CSS файл изключително за неща, свързани с коментари, така че там ще работим. Първото нещо, което пишем, е да направим входовете в нашата малка мрежа 100% широки, така че да се поберат в колоната. Divs би направил това естествено, но входовете се държат по-скоро като вграден блок и не запълват автоматично ширината на родителските си контейнери. Също така се занимаваме с основната текстова област, което я прави 100% широка и не толкова висока, колкото беше. Решаваме да не се забъркваме с възможността за преоразмеряване на текстовата област. Всъщност не нарушава нищо.
След това получаваме връзката за отговор. JavaScript вече работи добре, защото не сме се забъркали с идентификатора за формата, на която разчита JavaScript. Трябва обаче да направим куп ощипвания, като да придадем на формата сив фон, така че дизайнът му да работи.
Прекарваме останалото време, като променяме някои неща с медийни заявки, така че формулярът да изглежда добре на малки екрани.