html表单元素
2016-04-11 17:41
441 查看
#自学打卡#2
【form】:表单元素,让用户把数据提交给服务器
<form action = " url " method = " 提交的方法{get / post} “ >···各种元素···</form>
【action】:指定把请求和数据提交给哪个页面/服务器。
【元素】:
<input type = " ··· “ name = ” ··· “ />
type = text 文本内容;
password 密码;
hidden 隐藏框;
checkbox 复选框;
radio 单选框;
submit 提交;
reset 重置;
image 图片(图片可以作为提交按钮);
name = 你给该表单元素起的名字,如username,psd,sex等。
【下拉选择】value是可供选择的值。
<select name = " ··· “ >
<option value = " ··· “>输入框中文字</option>
</select>
【留言区域】cols是列数,rows是行数。
<textarea cols = "···" rows = " ··· ">请输入······</textarea>
【选择文件上传】
<input type = " file " name = " myfile " />选择文件上传
代码示例:
<form action="" method="post">
您的姓名:<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>
<input type="checkbox" name="v1"/>橙子</br>
</form>
***性别***</br>
<input type="radio" name="sex"/>男</br>
<input type="radio" name="sex"/>女</br>
***隐藏(提交数据,不影响界面)***</br>
<input type="hidden" name="sal" value="123"/></br>
***下拉选择***</br>
<select name="biradd">
<option value="">--请选择--</option>
<option value="beijing">北京</option>
<option value="sh">上海</option>
<option value="xian">西安</option>
</select></br>
***请留言***</br>
<textarea cols="30" rows="10">请这里输入···</textarea></br>
***请选择你要上传的文件***</br>
<input type="file" name="myfile"/>请选择文件
【form】:表单元素,让用户把数据提交给服务器
<form action = " url " method = " 提交的方法{get / post} “ >···各种元素···</form>
【action】:指定把请求和数据提交给哪个页面/服务器。
【元素】:
<input type = " ··· “ name = ” ··· “ />
type = text 文本内容;
password 密码;
hidden 隐藏框;
checkbox 复选框;
radio 单选框;
submit 提交;
reset 重置;
image 图片(图片可以作为提交按钮);
name = 你给该表单元素起的名字,如username,psd,sex等。
【下拉选择】value是可供选择的值。
<select name = " ··· “ >
<option value = " ··· “>输入框中文字</option>
</select>
【留言区域】cols是列数,rows是行数。
<textarea cols = "···" rows = " ··· ">请输入······</textarea>
【选择文件上传】
<input type = " file " name = " myfile " />选择文件上传
代码示例:
<form action="" method="post">
您的姓名:<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>
<input type="checkbox" name="v1"/>橙子</br>
</form>
***性别***</br>
<input type="radio" name="sex"/>男</br>
<input type="radio" name="sex"/>女</br>
***隐藏(提交数据,不影响界面)***</br>
<input type="hidden" name="sal" value="123"/></br>
***下拉选择***</br>
<select name="biradd">
<option value="">--请选择--</option>
<option value="beijing">北京</option>
<option value="sh">上海</option>
<option value="xian">西安</option>
</select></br>
***请留言***</br>
<textarea cols="30" rows="10">请这里输入···</textarea></br>
***请选择你要上传的文件***</br>
<input type="file" name="myfile"/>请选择文件
相关文章推荐
- htmlagilitypack 设置超时
- HTML 表格表单
- html元素
- MVC通过扩展HtmlHelper实现RadioButtonList
- html 调用手机摄像头
- HTML
- input 中某些属性的使用
- Html.DropDownList
- sublime text 有毒--无法使用快捷键利用浏览器打开HTML文件
- html 实体编码转换成原字符
- IE6-IE9中tbody的innerHTML不能赋值bug
- ASP.NET中在后台用C#,往前台插入HTML代码
- html 更改tab键焦点
- 基础 HTML之目录问题(相对路径和绝对路径区别)
- HTML基础语法(3)
- HTML select 展示已选择属性的方法
- asp.net(c#)操作html元素
- HTML 几种特别分割线特效
- HTML中鼠标滚轮事件onmousewheel处理
- 为什么使用<!DOCTYPE HTML>