HTML5 表單頁面代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5 表單頁面</title> </head> <body> <form action="/submit" method="post"> <p> <label for="name">姓名:</label> <input type="text" id="name" name="name"> </p> <p> <label for="email">Email:</label> <input type="email" id="email" name="email"> </p> <p> <label for="phone">電話:</label> <input type="tel" id="phone" name="phone"> </p> <p> <label for="message">留言:</label> <textarea id="message" name="message"></textarea> </p> <input type="submit" value="提交"> </form> </body> </html>
在這個表單頁面代碼中,使用了標準的 HTML5 標簽,如<form>
、<p>
、<label>
、<input>
、<textarea>
等。其中,<input>
標簽添加了type
屬性,可以指定輸入框的類型,如text
、email
、tel
等,方便瀏覽器根據(jù)輸入類型進行驗證和調用輸入法。
在<form>
標簽中,使用了action
屬性來指定表單提交 URL,method
屬性來指定提交方式,這里選擇了post
方式。
此外,代碼中也包含了一些語義化的標記,如<title>
標簽和<meta>
標簽,可以讓瀏覽器正確解析和處理頁面內容。
上一篇html5表單注冊代碼
下一篇html5表單搜索代碼