Day3
●Html表单元素---form
介绍：
html表单元素，主要用于让用户输入数据，并提交给服务器。
基本语法是：
<form action=”url”method=”提交的方法”（get/port）(默认是get方法)>
各种元素（输入框，下拉列表，文本域，密码框…）
</form>
案例代码1：
<html>
<head>
<title>
登陆
</title>
</head>
<body>
<h1>登陆界面</h1>
<form action="ok.html" method="post">
用户名：<input type="text" name="username"/><br/>
密 码：<input type="password" name="pwd"/><br/>
<!-- <input type="image" src="login.png"/><input type="reset" value="重置"/> -->
<input type="submit" value="登陆"/><input type="reset" value="重置"/>
</form>
</body>
</html>运行结果：
案例代码2：
<html>
<body>
名字：<input type="text" name="username" value="请输入名字..."/><br/>
密码：<input type="password" name="pwd"/><br/>
*******喜欢的水果******<br/>
<input type="checkbox" name = "vl">西瓜<br/>
<input type="checkbox" name = "vl">桃子<br/>
<input type="checkbox" name = "vl">苹果<br/>
<input type="checkbox" name = "vl">香蕉<br/>
*********选择你的性别********<br/>
<input type="radio" name="sex"/>男<br/>
<input type="radio" name="sex"/>女<br/>
*********隐藏的表单**********<br/>
<!--隐藏的主要用途主要是，既可以提交数据，又不影响界面-->
<input type="hidden" value="123" name="sal"/><br/>
*********下拉列表***********<br/>
请选择你的出生地：
<select name="birthadd">
<!--服务器接收是按照value的值接受的，汉字是显示在界面上的-->
<option value="beijing">---请选择---</option><!--技巧！-->
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="chongqing">重庆</option>
<option value="tianjin">天津</option>
</select><br/><br/>
**********文本域***********<br/>
请留言：<br/>
<textarea cols="30" rows="10">请这里输入...</textarea><br/><br/>
***********请选择你要上传的文件********<br/>
<input type="file" name="myfile" />请选择文件
</body>
</html>运行结果：
600
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
