工作生活HTML笔记

表单(例婚恋网站)及控件

2019-07-02  本文已影响0人  元气静静的日常

作用:用来收集用户信息的。

表单框(表单域)

<form name ="表单名称" method="post/ get " action="index. jsp">

</form>


1.文本框

<input type="text" name="  " value="默认值"/>

扩展:maxlength规定输入字段中的字符的最大长度

size属性定义的是可见的字符数

2.密码框

<input type="password" name="  " placeholder="密码"/>

3.按钮

(1).提交按钮

<>input type="submit" name=" " value="按钮内容"/>

(2).重置按钮

<input type="reset" name=" " value="按钮内容"/>

(3).跳转按钮

<input type="button" name=" " value=" "/>

注button和sumbit的区别:

submit是提交按钮起到提交信息的作用,button只起到跳转作用不进行提交.

4.单选框/单选按钮

<input type="radio" name="ral" value=" "/>

扩展:disabled="disabled"禁用;checked="checked"默认选中;

5.复选框

<input type="checkbox" name="like" value=" "/>

扩展:disabled="disabled"禁用;checked="checked"默认选中;

6.下拉菜单

<select name="">

        <option value="">内容</option>

        <option value="">内容</option>

        .....

</select>

注:<select size="数值"></select>(有size的是列表,size是设置菜单可以显示的个数,多余的可以有滚动条)

扩展:selected:显示默认选中项

9.多行文本框(文本域)

<textarea name="textarea" cols="字符宽度" rows="行数"></textarea>

上一篇 下一篇

猜你喜欢

热点阅读