HTML基础学习-9-表单input标签学习

最新推荐文章于 2022-07-03 11:11:01 发布

豆皮青椒

最新推荐文章于 2022-07-03 11:11:01 发布

阅读量264

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/u011523180/article/details/73065355

版权

HTML基础学习-9-表单input标签学习

<html>

<!--
get   方式，表单内容附在url后面，内容限制不超过8192字符，不具备保密性

post 方式，表单内容中数据一并包含在表单主体中，一起传递到服务器，没有大小限制

name 

method
action
enctype
target

表单中

文本域和密码域  

 <input     type=  text  password    默认文本域

name 定义表单控件的名称,通过名称可以取出其中控件中值
value 属性，框中默认属性，如果用户没有填写，此默认属性也会被传输

size 属性，设置控件长度
maxlength 文本输入框中最大输入字符数

type="submit" 则为提交按钮
     reset则为重置
     button 则为普通按钮

    radio 则为单选框
    checkbox 则为复选框  checked  =  checked 默认复选框选中
    hidden 隐藏域  ，内容同样会被传输，只是界面看不到



type

action指定传输值到的地址  no表示不指定，也可以指定url

method   

textarea 多行文本域  cols 列数  rows 行数

<select  菜单下拉选项
           <option 选项
           multiple属性 可以多选



-->

<head>
<title>form 表单</title>
<meta charset="utf-8">

</head>
<body>


<form action="no" method="post">

账号: <input type="text" name="name" value="请输入用户名" size="10">
<br>
<br>
密码<input type ="password" name="password" size="5">

<br>
<input type="submit" value="提交">

<br>
<input type="reset" value="重置">
<br>

<input type="button" value="普通按钮">

<br>

性别:  男<input type="radio" name="sex"></input> 女:<input type="radio" name="sex"></input>
<br>

爱好: 体育: <input type="checkbox" name="sex"></input> 唱歌:<input type="checkbox" name="changge"></input>
<br>


自我介绍:
<br>
<textarea cols= "10" rows="5">这里是自我介绍 </textarea>


地址:     <select name="地址" >
            <option>成都</option>
            <option>四川</option>
            <option>上海</option>
            <option>北京</option>


        </select>
</form>



</body>




</html>