HTML——表单标记

来源：互联网发布：ims是关系型数据库吗编辑：程序博客网时间：2024/04/27 22:52

form用于标识表单的范围
action属性:决定提交的位置

input
type属性：决定输入的类型
name属性(重点):提交的键
size属性:文本输入框的显示长度 text/password
maxlength:显示文本框输入长度 text/password
readonly:只读，不可修改文本内容，会提交 text/password
disable:禁用，被禁用的表单项不会被提交所有的input都可以使用

select
multiple:多选
size:一次可以选择的选项数量
disabled:禁用
textarea
disabled:禁用
readonly:只读
form
action:表单提交的地址
method:表单提交的方式
get提交:
1、将参数键值对拼装在Url地址之后;
2、get提交安全性相对较差
3、get提交参数长度有限
post提交:
1、参数不在Url上
2、get提交安全性相对较差
3、post提交理论上参数长度没有限制

<html><head>    <title>表单标记</title>    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8"></head><body>            <form action = "#" method="get">                用户名:<input type="text" name="username" value="alex" size="5" maxlength="5" readonly /><br/>                密码:<input type="password" name="password"/><br/>                性别:男<input type="radio" name="sex" value="male"/>女<input type="radio" name="sex" value="female"/><br/>                爱好:读书<input type="checkbox" name="habit" value="reading"/>                跑步<input type="checkbox" name="habit" value="jogging"/>                音乐<input type="checkbox" name="habit" value="music"/><br/>                学历:<select name="edu" multiple size="10">                    <option  value="BK">本科</option>                    <option  value="SS">硕士</option>                    <option  value="BS">博士</option>                </select><br/>                个人说明:<textarea rows="10" cols="35" name="desc">我爱我的祖国！</textarea><br/>                近照:<input type="file" name="file"><br/>                <input type="hidden" name="haha" value="heihei">                <input type="submit" value="提交"/><input type="reset" value="重置"/>            </form>        </body>        </html>

0 0