0
点赞
收藏
分享

微信扫一扫

HTML复习笔记(二)

读思意行 2022-05-03 阅读 66
html前端

表单语法

<form    action="表单提交地址 (服务器地址即页面,java类)"       method="提交方法(即post/get方法)">

...文本框,按钮等表单元素

</form>

备注:

  1. post安全性较高,但是get常用并且默认为get
  2. get方式提交时,信息会显示在浏览器的地址栏,而post则不会

表单元素的基本格式

<input name="表单元素名称"   type="类型"    value="值"    size="显示宽度"     maxlength="最大长度(最多字符个数)"     checked="是否选中(控件是否被选中)" />

常见表单元素整理

单行文本框(text)密码框(password)
单选按钮(radio)下拉列表(select)
复选框(checkbox)重置按钮(reset)
提交按钮(submit)文本框(textarea)

表单元素

文本框

语法:<input name="名称" type="text" value="初始值" size="数字">

密码框

语法:<input name="名称" type="password" value="初始值" size="数字">

按钮

语法:<input name="名称" type="按钮类型" value="按钮文字" src="图片按钮的图片url">

按钮类型:普通按钮 button    提交按钮   submit

                  重置按钮 reset      图片按钮   image

单选按钮 Radio

语法:<input name="组名" type="radio" value="..." checked="...">

示例:

        <br/>性别:

        <input name="a" type="radio" value="男" checked="checked">

        <input name="a" type="radio" value="女">

备注:组名要一致,即name值一致

复选框--Checkbox

语法:<input name="名称" type="checkbox" value="初始值" checked="...">

示例:

        爱好:

        <input name="a" type="checkbox" value="sports">运动&nbsp;
        <input name="b" type="checkbox" value="talk">聊天&nbsp;
        <input name="c" type="checkbox" value="sleep">睡觉&nbsp;

        图例为:爱好:□运动  □聊天  □睡觉

备注:组名不要一致,即name值不要一致

文件域

语法:<input type="file" name="...">

列表框

基本语法:

<select name="制定列表名称"  size="行数">

        <option value="选项值" selected="selected">.......</option>

        <option value.....  selected.....>........</option>

        <option value.....  selected.....>........</option>

</select>

多行文本框(文本域--textarea)

语法:

<textarea name="..."   cols="列宽"   rows="行宽"  >

        文本内容

</textarea>

隐藏域

语法:<input type="hidden" name="..." value="....">

表单上传的时候,网页不会显示。

举报

相关推荐

0 条评论