留言板:
<textarea > 请输入留言</textarea>
<!-- 文本域 -->
<br />
籍贯:
<select> 点击选择您的籍贯 <!-- 下拉菜单 -->
<option>北京</option> <!-- 选择对象 -->
<option selected="selected">上海</option> <!-- 默认选中项 -->
<option>广州</option>
</select>
<select> 点击选择您的城市
<option>海淀</option>
<option>中关村</option>
<option>昌平</option>
</select>
<br />
<form action="demo.php" method="post" name="regiter">
<!-- form 表单域 action 进入下一个网页行动 method 方式 regiter 意思是注册-->
<p>用户名:<input type="text" name="小明" ></p>
<p>密 码:<input type="password" name="pwd"></p>
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</form>
<form action="demo.php" method="post" name="login">
<p>用户名:<input type="text" name="小强" ></p>
<p>密 码:<input type="password" name="pwd" ></p>
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</form>
<!-- get 速度快 但是会显示表单里面的内容 不安全 不能做密码提交
post 速度慢一些 但是不会显示表单内容 安全一些
-->
<!-- HTML5新增标签 -->
<!-- <header> 定义页面的头部 页眉</header>
<nav>定义导航栏</nav>
<footer>定义页面的底部</footer>
<article> 定义文章</article>
<section>定义区域</section>
<aside> 定义其所处内容之外的内容 侧边</aside> -->
<!-- datalist标签使用 于类似百度搜索 提示窗或者像学校选专业案例 -->
<input type="text" value="输入数字" list="number"> <!-- input里面用list -->
<datalist id="number" > <!-- datalist 里面用id 来实现和 input 链接 -->
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</datalist>