HTML中的表单

表单

<input />

表单标签属性.png

单选按钮radio

radio 如果是一组,我们必须给他们命名相同的名字name这样就可以多个选其中一个了

复选框checkbox

一般情况下属于一组的name标签的值相同

默认选择属性checked

checked="checked"

定位用lable标签

<label for="pwd">123123123</label>
<input id="pwd" type="password">

这样写可以点击lable标签内的值直接定位到for里写的id的标签
以上可简写为
<label>123123123<input type="password"></label>

textarea控件(文本域)

<textarea cols="20" rows="80"></textarea>
其中,cols属性代表行数,rows属性代表列数

下拉菜单select

<select>
    <option value="">选项1</option>
    <option value="" selected="selected">选项2</option>
</select>

其中,option是选项,selected是默认选项

表单域

<form action="lianxi.html" method="post" name="form">
    用户名:<input type="text" /><br /><br />
    密 码:<input type="password" /><br /><br />
    <input type="submit" value="登录"/>
</form>

action 属性的值是要提交到那个网页
method 提交方式有post和get

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. form表单有什么作用 form表单用于把用户输入的数据提交给后台服务器name表示提交的表单名称,acti...
    尾巴尾巴尾巴阅读 403评论 0 0
  • 表单是一个包含表单元素的区域。表单元素包括:文本域(textarea)、下拉列表、单选框(radio-button...
    饥人谷_DanaeJJ阅读 218评论 0 0
  •   JavaScript 最初的一个应用,就是分担服务器处理表单的责任,打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 768评论 0 3
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 545评论 0 1
  • 我是个内向的男生,身体弱小,目光胆怯,戴着微似瓶底的眼镜,习惯将头埋在怀里,稍微的风吹草动都会带点惊慌,直视的...
    蘭亭遺序阅读 574评论 0 1

友情链接更多精彩内容