form表单 +input的属性值+textarea文本域+select下拉菜单
程序员文章站
2024-02-26 22:37:16
...
<form action="" name="denglu" method="POST">
<!--
表单的控件input
属性:type 类型
取值:
(1)text 文本输入框
(2)password 密码输入框
(3)radio 单选框 如果有几个单选框是一组的,我们必须给他们添加name,name的属性值一样
(4)checkbox 复选框,多选框
(5)submit 提交按钮, 提交之后会刷新页面
(6)reset 重置按钮
(7)
属性:placeholder 占位符
checked 默认选中
-->
用户名:<input type="text" placeholder="请输入用户名" name="username" >
<br>
密码:<input type="password" name="password">
<br>
我是:<input type="radio" name="sex" checked>男 <input type="radio" name="sex">女
<br>
爱好:<input type="checkbox" name="aihao">打篮球
<input type="checkbox" name="aihao">玩游戏
<input type="checkbox" name="aihao">买东西
<br>
<!-- 如果想要改变submit的默认文字,添加一个value属性,属性值你想要改变的文字 -->
<input type="submit" value="登录">
<br>
<input type="reset">
<br>
<input type="button" value="注册">
<br>
<!--
下拉菜单 select > option
selected 下来菜单的默认选中
-->
<select name="" id="">
<option value="广州">广州</option>
<option value="深圳">深圳</option>
<option value="上海" selected>上海</option>
<option value="北京">北京</option>
</select>
<br>
<!--
文本域 textarea
cols:列 ,文本域的宽
rows:行,文本域的高
-->
<textarea name="" id="" cols="10" rows="20"></textarea>
</form>
<!--
扩展知识点:post和get的区别
1. get是从服务器上获取数据,post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的action属性所指的URL中,在URL中可以看到。post是通过HTTP post机制,用户看不到这个过程 。
3. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。
4. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。
-->
上一篇: 零拷贝问题
下一篇: 深入了解React(九、父子组件间通信)