Как убрать точки в списке и настроить размер формы

@Newibe · Регистрация: 02.04.2016

Студворк — интернет-сервис помощи студентам

Доброго времени суток
Есть форма, выполненная через список:

HTML5
1
2
3
4
5
6
7
8
<div id="forma">Вы можете задать нам вопрос через эту форму:
                    <form><ul>
                    <li><input type="text" name="name" value="Ваше имя"></li>
                    <li><input type="text" name="mobile" value="Ваш телефон"></li>
                    <li><input type="text" name="email" value="Ваш email"></li>
                    <li><input type="text" name="question" value="Ваш вопрос"></li>
                    <li><input type="button" value="Отправить" name="sender"></li>
                    </ul></form></div>

1. Как убрать точки перед формой на каждой строке?
2. Каким образом указываются размеры формы? т.е. мне надо чтобы в форме "Ваш вопрос" можнобыло написать большой текст и чтобы он в это окошко влез. Скажем, 500 знаков. Как это реализовать?
спасибо

@Fedor92 · 17.10.2016, 21:10

Newibe, примерно так...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>S</title>
        <meta charset="utf-8">
        <style>
            *{box-sizing:border-box; font:14px/1.25 Tahoma}
            .block-wrapper{
              transform-style: preserve-3d; 
              transform: perspective(390px);
            }
            .block{
              width:600px;
              height: 200px;
              background-color:green;
              border-radius:30px 0 0 30px;
              transform: rotate3d(0, 1, 0, -10deg);
            }
            h2{text-align: center}
            form{width:400px; padding: 30px; margin:0 auto; border-radius:15px; box-shadow: 0 0 3px 3px rgba(0,0,0, 0.7)}
            ul{list-style: none; margin: 0; padding: 0}
            li{width: 100%; margin: 10px}
            li>input[type="text"], li>textarea{width: 100%}
            textarea{height: 150px; resize:none}
        </style>
    </head>
    <body>
        <div id="forma">
            <h2>Вы можете задать нам вопрос через эту форму:</h2>
            <form>
                <ul>
                    <li><input type="text" name="name" placeholder="Ваше имя"></li>
                    <li><input type="text" name="mobile" placeholder="Ваш телефон"></li>
                    <li><input type="text" name="email" placeholder="Ваш email"></li>
                    <li><textarea placeholder="Ваш вопрос"></textarea></li>
                    <li><input type="button" value="Отправить" name="sender"></li>
                 </ul>
            </form>
        </div>
    </body>
</html>

Можно сделать проверку textarea на количество вводимых символов с помощью атрибута pattern, если надо...

@Kenworth · 17.10.2016, 21:11

1.

CSS
1
2
3
ul,ol{
 list-style: none
}

2. Тег <textarea>

@Newibe · 17.10.2016, 21:35 **[ТС]**

А можете объяснить, что это за строчка и что она делает??

CSS
1
li>input[type="text"], li>textarea{width: 100%}

Добавлено через 23 секунды
и почему там квадратные скобки?

@mrtoxas · 17.10.2016, 21:37

К прочтению: Селекторы атрибутов

@Newibe · 17.10.2016, 22:41 **[ТС]**

А объясните пожалуйста еще вот это:

CSS
1
2
3
4
.block-wrapper { 
              transform-style: preserve-3d;  /* позволяет отображать блок в 3д пространстве */
              transform: perspective(390px); 
            }

не понятен сам селектор, потому что ни у меня в коде, ни у вас, такого класса нет.
и не понятная последняя строчка perspective(390px); не нашел у transform: такого значения.

Добавлено через 1 минуту
И еще вот что:

CSS
1
font:14px/1.25 Tahoma;

не понятно что значит 1.25? типа жирность?

@Resume · 18.10.2016, 00:24

1.

CSS
1
font:14px/1.25 Tahoma;

1.25 - высота строки.
Подробнее тут: https://learn.javascript.ru/fo... ght-family

2.

CSS
1
transform: perspective(390px);

Значение perspective есть у transform.
Пример со значением perspective можно увидеть здесь: https://habrahabr.ru/post/151300/
А полный список значений у transform - http://www.w3schools.com/cssre... nsform.asp

@Newibe · 18.10.2016, 01:27 **[ТС]**

Спасибо. а это .block-wrapper откуда? в коде нет такого класса, я так понимаю это тоже какой-то универсальный селектор, но к чему применяется то, что в фигурных скобках?

@Fedor92 · 18.10.2016, 14:37

Сообщение от Newibe

Спасибо. а это .block-wrapper откуда?

Он лишний... Можете его удалить...

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	17.10.2016, 21:37
	К прочтению: Селекторы атрибутов 1

@Newibe 5 / 11 / 4 Регистрация: 02.04.2016 Сообщений: 351
	18.10.2016, 01:27 [ТС]
	Спасибо. а это .block-wrapper откуда? в коде нет такого класса, я так понимаю это тоже какой-то универсальный селектор, но к чему применяется то, что в фигурных скобках? 0

Как убрать точки в списке и настроить размер формы

Решение