HTML+CSS+JS Learning (2) Html5表单元素

Html5表单元素(获取用户输入的手段)

<form>表单

    method

    action


<input>:list(表单引导)

    type 默认为普通的文本框(text),

            不直接显示的文本框(password)

            按钮(button)

            提交表单(submit)

            滑块(range):min max step(步长) value(起始值)

            数值调整(number):min max step value

            复选框(checkbox)

            单选按钮(radio):name(归组,用于在多个中选择一个) checked(默认选中)     

            获取邮件地址(email)

            获取电话(tel)

            获取网址(url)

            获取日期(date)

            获取颜色值(color)

            获取搜索(search)

            生成隐藏的数据项(hidden)

            生成图像按钮(image):src(地址)width(宽度)

            上传文件(file):multiple(允许上传多个文件,默认为单个文件),required(必须上传一个文件)



    name

    placeholder

    maxlength :最大可输入长度

    size :文本框长度

    value :占位符

    readonly :设置为只读

<textarea> :文本区域

    rows :增加文本框宽度

    cols:增加文本框长度

<button> :按钮(js交互)

<select>

    +<option></option>:单文本框选择

<datalist> 预选数据表 :id(接受<input list="">的引导并输入其中)

    +<option></option>

ps: select无法获取用户输入的文本,只能从项中选取;

     datalist不仅可以在项中选取,可允许用户输入。

  

   

阅读更多
个人分类: HTML+CSS+JS
想对作者说点什么? 我来说一句

HTML5表单元素

2016年04月13日 1.1MB 下载

没有更多推荐了,返回首页

不良信息举报

HTML+CSS+JS Learning (2) Html5表单元素

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭