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>
运行结果: