第四天 web前端

183 阅读2分钟
留言板:
	 <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>密&emsp;码:<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>密&emsp;码:<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>