Как стилизовать форму, чтобы сделать ее ДЕЙСТВИТЕЛЬНО FREAKING BIG

Question

Я хочу, чтобы размер полей ввода и кнопки по умолчанию на моей форме 3X больше, чем обычно, а текст, который появляется внутри полей ввода, был на 3 раза больше, чем по умолчанию.

Я видел это раньше, но я буду проклят, если даже найду код, чтобы начать меня.

Answer 1

Для полей ввода и кнопок больше, вам нужно будет использовать CSS селекторы, чтобы выполнить это, я дам вам быстрый пример на основной форме:

HTML:

<form ID="Form" action="Contact.php" method="post"> 
    <!-- Standard input text boxes --> 
    <input type="Text" name="FirstName" placeholder="First Name"> 
    <input type="Text" name="Surname" placeholder="Surname"> 

    <!-- Submit button --> 
    <input type="submit" value="Submit" name="Submit"> 
</form> 

CSS:

input[name=FirstName] { 
    font-family: Arial; 
    font-size: 16px; 
    width: 300px; 
    height: 150px; 
    font-weight: bold; 
} 

input[name=Surname] { 
    font-family: Arial; 
    font-size: 16px; 
    width: 300px; 
    height: 150px; 
    font-weight: bold; 
} 

input[type=submit] { 
    width: 300px; 
    height: 300px; 
    font-family: Arial; 
    font-size: 16px; 
    background: #DF0101; /* red */ 
    box-shadow: #6E7849 1px 1px 10px; 
    color: white; 
} 

Вот jsfiddle.net пример того, что я только что сделал, все ширины и высоты и т.д. могут быть изменены в соответствии с вашими предпочтениями в CSS стилей.

http://jsfiddle.net/tduagdnt/