Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

Как убрать стрелочки в поле <input type="number">

CSS HTML
Чтобы убрать стрелочки у поля number добавьте свойство CSS: 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

Для браузера Firefox можно использовать: 
input[type='number'] {
	-moz-appearance: textfield;
}
...

Как убрать полосу прокрутки из <iframe>

HTML
Кратко о том, как убрать полосу прокрутки (Scrollbar) из <iframe>.

Допустим, у нас есть такой ифрейм: 
<iframe src="https://danfa.net/blog/3296/"></iframe>

Внутри которого можно прокрутить страницу/файл по вертикали, и возможно по горизонтали. Чтобы убрать Scrollbar, добавляем атрибут scrolling, со значением no. Вот так: 
<iframe src="https://danfa.net/blog/3296/" scrolling="no"></iframe>

Готово. Scrollbar больше нет....

Стиль маркировочного списка

CSS HTML
Чтобы составить список, используют тег <li> внутри <ul> или <ol>: 
<ul>
	<li>1 элемент списка.</li>
	<li>2 элемент списка.</li>
	<li>3 элемент списка.</li>
</ul>

<ol>
	<li>элемент списка.</li>
	<li>элемент списка.</li>
	<li>элемент списка.</li>
</ol>

В этом случае, браузер отобразит списки стандартного вида:
  • 1 элемент списка.
  • 2 элемент списка.
  • 3 элемент списка.


  1. элемент списка.
  2. элемент списка.
  3. элемент списка.

Чтобы изменить марке, установите тегу <ul> CSS свойство list-style-type: 
ul {
	list-style-type: disc;
}

Вместо значения disc можно использовать circle, в таком случае, маркеры будут в виде кругляшков, а не жирных точек.

Если необходимо изменить цвет маркера, используйте свойство: 
li::marker {
	color: #008800;
}

Вместо зеленного цвета (#008800) можете написать любой другой.

Можно использовать свою картинку, как маркер. И для этого существует свойство: 
li {
	list-style-image: url('marker.png');
}

Где marker.png - это Ваша картинка....

Как избавиться от всплывающей подсказке при наборе текста в поле (input type="text")

HTML
Чтобы запретить появление всплывающей подсказки с возможными вариантами текста, используйте атрибут autocomplete, со значением: off.

Пример: 
<input type="text" name:"title" autocomplete="off">
...

Ограничение на количество символов в текстовом поле (input type="text")

HTML
Чтобы ограничить поле на количество вводных символов существует атрибут maxlength, который не позволит написать символов больше, чем указано в его значении: 
<input type="text" name:"title" maxlength="25">

В данном случае, в поле нельзя записать более 25 символов.

Следует учесть тот факт, что пользователь может изменить данное значение, используя инструменты браузера, поэтому необходимо проверять количество символов в полученной от пользователя строке, на стороне сервера....
Реклама