美文网首页
学习笔记(表单)

学习笔记(表单)

作者: 乳酸菌_c966 | 来源:发表于2017-10-04 13:20 被阅读0次
    表单元素

    <form name=”form1” action=”将本表单中的数据提交给的对象(是一个php文件名而已)” method=”post”>

    • 单行文本框:<input type=”text” name=”n1” />
      • maxlength:设置该输入框最多能输入的字符个数;
      • readonly:这是一个“无值”属性,表示“只读”,则写法是:
        readonly=”readonly”;
      • disable: 设置该输入框“无效”,即数 据无效。)
    • 密码框:<input type=”password” name=”n2” />*
    • 单选项:<input type=”radio” name=”n3” value=”某个值” />
      • checked: 表示该选项默认是checked选中的状态。也是一个“无值属性”;
      • name特别说明:一组的单选项要求name值必须相同。
    • 多选项:<input type=”checkbox” name=”n4” value=”某值” />
    • 提交按钮:<input type=”submit” name=”n5” value=”提交文字” />
    • 图片按钮:<input type=”image” name=”n6” src=”图片地址” />
    • 重置按钮:<input type=”reset” name=”n7” value=”重置文字” />
    • 普通按钮:<input type=”button” name=”n8” value=”文字” />
    • 文件域:<input type=”file” name=”n9” />
    • 隐藏域:<input type=”hidden” name=”n10” />
    • 下拉选择:使用select和option标签配合实现。

    <select name=”n11” multiple=” multiple”(可多选) size=”4” (size值大于等于4会成多行)> <option
    value=”2” selected=”selected”(默认选项) >文字2</option>
    <option value=”2” >文字2</option>
    </select>

    • 多行文本框:<textarea name=”n13” rows=”行数” cols=”列数”>
      </textarea>
    • 将文字和选项绑为一体<label>.............................</label>
      </form>
    框架标签

    <frameset cols = "100,800"(将当前窗口按列分割的设置) rows =“100,900”(将当前窗口按行分割的设置) >
    <frame src = "网页1的路径" name = “” noresize = “noresize”(不能改变大小)>
    Scrolling = “auto(在需要时有滚动条) /yes(始终有滚动条)/no(不为框架提供滚动条)”
    <frame src=”网页2路经url” name=”名字” />
    </frameset>

    相关文章

      网友评论

          本文标题:学习笔记(表单)

          本文链接:https://www.haomeiwen.com/subject/nsnqyxtx.html