|
|
 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>datalist</title>
</head>
<body>
<p>Выберите любимого персонажа:</p>
<p><input list="character">
<datalist id="character">
<option value="Чебурашка"></option>
<option value="Крокодил Гена"></option>
<option value="Шапокляк"></option>
</datalist></p>
</body>
</html>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<p>Этот фрэйм показывает данные начиная с якоря anchor:</p>
<iframe src="/inner.html#anchor" vspace="50" hspace="10" marginwidth="30" marginheight="8" frameborder="1" height="150" scrolling="auto" width="700" style="border: 1px solid #CCC"></iframe>
<p>А этот фрэйм прокручен до нужного места c помощью JavaScript-функции scrollTo:</p>
<iframe src="/inner.html" name="innerName" id="innerName" vspace="50" hspace="10" marginwidth="30" marginheight="8" frameborder="1" height="150" scrolling="auto" width="700" style="border: 1px solid #CCC"></iframe>
<script type="text/javascript">
function iframeScrollTo(){
// for IE document.getElementById("innerName").contentWindow.scrollTo(0, 450);
window.innerName.scrollTo(0, 450);
}
if(window.addEventListener){
window.addEventListener('load', iframeScrollTo, false);
}else if(window.attachEvent){
window.attachEvent('onload', iframeScrollTo);
}else{
window.onload = iframeScrollTo;
}
</script>
</body>
</html>
Для элементов input доступно такое свойство, как maxlength, которое позволяет ограничить количество вводимых в эти поля символов. Однако для textarea такой атрибут не существует, и поэтому для ограничения ввода нужно использовать JavaScript.
<script type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum — limitField.value.length;
}
}
</script>
Пример использования функции:
<form name="myform">
<textarea name="message" onKeyDown="limitText(this,this.form.count,20);"
onKeyUp="limitText(this,this.form.count,20);">
</textarea><br />
<span style="font-size:smaller">(не более 20 символов)</span><br/>
<input readonly type="text" name="count" size="3" value="20"/> символов осталось.
</form>
UTF-8
PHP урок № 329
UTF-8 (от англ. Unicode Transformation Format — формат преобразования Юникода) — в настоящее время распространённая кодировка, реализующая представление Юникода, совместимое с 8-битным кодированием текста. Нашла широкое применение в операционных системах и веб-пространстве.
Текст, состоящий только из символов Юникода с номером меньше 128, при записи в UTF-8 превращается в обычный текст ASCII. И наоборот, в тексте UTF-8 любой байт со значением меньше 128 изображает символ ASCII с тем же кодом. Остальные символы Юникода изображаются последовательностями длиной от 2 до 6 байт (реально только до 4 байт, поскольку использование кодов больше 221 не планируется), в которых первый байт всегда имеет вид 11xxxxxx, а остальные — 10xxxxxx.
Проще говоря, в формате UTF-8 символы латинского алфавита, знаки препинания и управляющие символы ASCII записываются кодами US-ASCII, a все остальные символы кодируются при помощи нескольких октетов со старшим битом 1. Это приводит к двум эффектам.
Даже если программа не распознаёт Юникод, то латинские буквы, арабские цифры и знаки препинания будут отображаться правильно.
В случае, если латинские буквы и простейшие знаки препинания (включая пробел) занимают существенный объём текста, UTF-8 даёт выигрыш по объёму по сравнению с UTF-16.[1][2]
На первый взгляд может показаться, что UTF-16 удобнее, так как в ней большинство символов кодируется ровно двумя байтами. Однако это сводится на нет необходимостью поддержки суррогатных пар, о которых часто забывают при использовании UTF-16, реализуя лишь поддержку символов UCS-2.[1]
Формат UTF-8 был изобретён 2 сентября 1992 года Кеном Томпсоном и Робом Пайком и реализован в Plan 9[3]. Сейчас стандарт UTF-8 официально закреплён в документах RFC 3629 и ISO/IEC 10646 Annex D.
Википедия.
Изменить кодировку документа на UTF-8
Часто случается так, что преобразовать документ в кодировку UTF-8, привычными способами не получается. Такие способы как например установка мета тега:
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
не возимеют должного результата. Тому причиной может служить настройки web-сервера, в данном случае Apache. Для того чтоб обойти или точнее сказать перенастроить для отдельной директории некие параметры, применяется специальный файл с именем .htaccess.
.htaccess (от. англ. hypertext access) — файл дополнительной конфигурации веб-сервера Apache, а также подобных ему серверов. Позволяет задавать большое количество дополнительных параметров и разрешений для работы веб-сервера в отдельных каталогах (папках), таких как управляемый доступ к каталогам, переназначение типов файлов и т.д., без изменения главного конфигурационного файла.
Википедия.
Выход довольно прост, для того что бы документ в кодировке UTF-8, корректно отображался:
Нужно прописать мета тег <meta http-equiv="content-type" content="text/html;charset=utf-8"/> в теги head
Создать файл .htaccess именно с точкой в начале. Это очень просто делается с помощью бесплатной програмки Notepad++
И вписать в этот файл строку AddDefaultCharset UTF-8
Подробнее: UTF-8
Так уж исторически сложилось, что value не отмеченного checkbox'а (которое будет равно 0) не передаётся на сервер. Всё бы хорошо, но бывает так, что форма на сайте интерактивная, и необходимо обязательно знать, был отмечен checkbox или нет, ибо именно по этому value php скрипт будет узнавать, было ли на форме вообще поле с галочкой. Ниже рассмотрим небольшое решение этой проблемы.
Пример
Подробнее: Передача value не отмеченного checkbox на сервер
|
|
|
|
