Tham khảo tài liệu 'giáo trình html5 và css3 từng bước phần 7', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | 254 Chapter 14 You can specify a width for the text box with the size attribute. The default width is 20 pixels. input type text name phone size 30 You can also specify a maximum length for the text string that users enter into the text box. This is different from the size of the text box. If the specified maximum length is greater than the text box width the text scrolls horizontally as the user types. When users reach the specified maximum number of characters the text box does not accept any more input. Use the maxlength attribute like this input type text name phone size 30 maxlength 100 In HTML5 you can require users to fill out a field before they will be able to submit the form applies to HTML5-compliant browsers only . To mark a field as required add the required attribute to its tag like this input type text name phone size 30 maxlength 100 required Special Field Types for E-Mail and Web Addresses Two new input field types in HTML5 support e-mail addresses and Web addresses. Use the attribute type email instead of type text to define a field designed to collect e-mail addresses. If a browser doesn t support HTML5 the field defaults to a text type so you don t risk anything by using it. input type email name email-address The same goes for Web addresses also known as uniform resource locators or URLs . There is a special type attribute in HTML5 for them as shown here input type URL name website In most browsers you won t notice any difference. One exception is in the Apple iPhone browser in which a special version of the onscreen keyboard pops up when the user selects an e-mail or Web field. This special keyboard provides dedicated keys for the most common symbols used for typing e-mail addresses and URLs. Other browsers might eventually implement special treatment for these field types too. Creating a Basic Form 255 Creating a Text Area You create a multi-line text area by using a two-sided textarea tag containing a rows attribute that specifies the number
