HTML5第五章代碼示例
本章重頭戲是表單,以下是簡單的HTML表單代碼:
<form action='處理表單的URL' method='get/post'><label for='用戶名'>用戶名:</label><input type='text' id='用戶名' name='user'><label for='密碼'>密碼:</label><input type='password' id='密碼' name='password'><label><input type='radio' name='sex' value='male'>男性 </label><label><input type='radio' name='sex' value='female'>女性 </label><label><input type='checkbox' name='newsletter' checked>訂閱電子報 </label><label for='comments'>留言:</label><textarea id='comments' name='comments' rows='10' cols='50'>在這里輸入您的留言 </textarea><input type='submit' value='提交'></form>
除了表單,HTML5還引入了一些新的標簽,比如article、section、nav等,以下是一個簡單的使用了這些標簽的頁面:
<!DOCTYPE html><html><head><meta charset='utf-8'><title>使用article、section、nav標簽的頁面</title></head><body><header><h1>這是頁面標題</h1><nav><ul><li><a href='#'>首頁</a></li><li><a href='#'>聯系我們</a></li></ul></nav></header><article><section><h2>這是第一篇文章的標題</h2><p>這是第一篇文章的內容。</p></section><section><h2>這是第二篇文章的標題</h2><p>這是第二篇文章的內容。</p></section></article><footer><p>版權所有?2021。</p></footer></body></html>
上一篇html5的游戲代碼
下一篇html5的所有代碼大全