表单_表单网络-CSDN博客

本文链接：https://blog.csdn.net/qq_42672798/article/details/81146890

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<!--

form表单:

action:设置服务器地址

method:跟服务器打交道方式

两种:

get:默认值参数可见,不太安全

post:参数不可见,较安全,多用于登录注册

-->

<!--type:是input的类型

name属性:提交给后台时,键值对的key值,很重要,将来会有后台告诉我们该写什么值

value属性:将来提交给服务器的数据

-->

账号: <input type="text" name="UN" value="" placeholder="请输入用户名" />

<br />

密码: <input type="password" value="" /> <br />

<hr />

<!--

选框

-->

<!--

单选框

-->

<label>

<input type="radio" name="sex" value="男"/>男

</label>

<br />

<!--

多选框

从功能上而言,一组多选框的name属性值不能相同

value属性值是提交给后台的值,后面跟的文字是给用户看的

checked默认选中

-->

爱好:<input type="checkbox" name="basketball" value="篮球" />篮球

<input type="checkbox" checked="checked" />排球

<input type="checkbox" />足球

<br />

<!--

选择列表框

-->

</select>

<hr />

<!--

按钮一组

-->

<!--

普通按钮

value:设置按钮上的文字

该按钮只是一个普普通通的按钮,不像submit那样带有提交功能,该按钮的功能需要通过js设置

-->

<br />

<!--

文件按钮

通过file按钮我们可以选择向服务器上传的文件,进而执行上传操作

-->

<br />

<!--

重置按钮:该按钮自带重置功能,会使所有的input都返回到原始状态,开发中很少使用!

-->

<br />

<!--

图像按钮

该按钮自带提交功能

-->

<br />

<!--

隐藏按钮

1,用户看不见

2,从功能上而言,隐藏按钮用来采集用户信息,定期向服务器发送数据等

-->

<hr />

<!--

文本域

rows行:设置高度

cols列:设置宽度

默认:142*36

实际开发过程中,一般不使用以上两个属性,而是使用CSS来设置文本域的宽和高

resize属性:用来设置元素能否改变大小

属性值:

none 不能调整大小

both 可以调整大小

horizontal 只能调整宽度

vertical 只能调整高度

outline: none编辑文本域时,边框不再变蓝

-->

</textarea>

</form>

</body>

</html>