Увеличить поле text в форме html

324

26 ноября 2016, 18:49

Добрый день. Не могу понять почему не работает.
Стиль для h1 специально добавил, чтобы просто проверить файлик "подключен" или нет. На h1 стиль применяется.
При этом, если применять стиль не посредственно в html, то стиль работает. Пробовал input или input[type="text"]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Формы</title>
    <link rel="stylesheet" href="/form.css" type="text/css">
    </head>
<body>
    <form action="form1.php" method="post">
        <input type="text" class="test" name="test" placeholder="Введите текст" autofocus>
        <input type="submit" value="Добавить">
    </form>
    <h1>Hello</h1>
</body>
</html>
<style>
input{
    width: 100%;
}
h1{
    color: green;
}
</style>

Answer 1

Одиночные теги следует закрывать <meta />;
<style>...</style> должен быть в <head>...</head>;
Проверьте путь к файлу form.css, возможно лишняя / в указании пути;

Приведенный код работает - заголовок зеленый и форма растягивается.

Answer 2

/form.css - проверьте путь к файлу стилей формы.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Формы</title> 
    <link rel="stylesheet" href="/form.css" type="text/css"> 
   
  <style> 
 
    input{ 
        width: 100%; 
    } 
 
    h1{ 
        color: green; 
    } 
  </style> 
</head> 
<body> 
    <form action="form1.php" method="post"> 
        <input type="text" class="test" name="test" placeholder="Введите текст" autofocus> 
        <input type="submit" value="Добавить"> 
    </form> 
    <h1>Hello</h1> 
</body> 
</html>