正文
HTML的表单元素
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
html的表单元素主要用于让用户输入数据并提交给服务器
基本语法：<form action="url" method="提交的方法，get/post,默认为get">各种元素（输入框，下拉列表，文本域，密码框）</form>
案例1：
空格键用 或用全角
表单元素的格式
<input type=* name=**/>
type=text(文本框) password（密码框）hidden（隐藏域）
checkbox（复选框）radio（单选框） submit(提交按钮) reset（重置按钮） image（图片按钮）
name给该表单元素取名
action把表单提交给哪个页面
login.html
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h1>登录界面</h1>
<form action="ok.html" method="post">
<!--get登录后地址栏会显示用户名密码不安全 post-->
用户名：<input type="text" name="username"/></br>
密 码：<input type="password" name="pwd"/></br>
<input type="submit" value="登录"/>
<input type="reset" value="重新填写"/>
</form>
</body>
</html>
用图片做按钮“登录”的那行改写
<!--<input type="image" src="mm.jpg" />-->
名字<input type="text" name="username"/><br/>
密码<input type="password" name="pwd"/><br/>************喜欢的水果（复选框）**********<br/>
<input type="checkbox" name="v1">西瓜<br/>
<input type="checkbox" name="v1">西瓜<br/>************你的性别（单选 name值要相同）**********<br/>
<input type="radio" name="sex1">男<br/>
<input type="radio" name="sex1">女<br/>************隐藏（用途即可提交数据，同时不影响页面）**********<br/>
<input type="hidden" value="123" name="sal"/>选择你的出生地：<br/>
<select name="biradd">
<option value="">----请选择----</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="tianjin">天津</option>
</select><br/>*************请留言*************<br/>
<textarea cols="30" rows="10">请在这里输入.....</textarea><br/>*********请选择你要上传的文件*******<br/>
<input type="file" name="myfile">请选择文件</input>
