为什么html5图像占位符充当重置按钮?

时间:2013-04-10 22:03:09

标签: asp.net html5 google-chrome html-form

测试各种HTML5输入类型(按钮,复选框,颜色,日期,日期时间,日期时间本地,电子邮件,文件,隐藏,图像,月份,数字,密码,广播,范围,重置,搜索,提交,电话,文本,时间,网址,周,一切都像我预期的那样有效,除了三件事:

  1. 如果我点击“图片”占位符(我没有将图像分配给图像元素),它将作为重置按钮 - 我在先前元素中输入的所有内容都将丢失
  2. 当我使用color元素从对话框中选择颜色时,颜色不会改变 - 它会变黑,并保持黑色
  3. datetime元素的作用类似于通用文本元素 - 不提供日期时间帮助,因为它们位于data和datetimelocal元素中
  4. 我知道HTML5在2020年或之后才会真正“到期”,不过我想知道其他人是否看到这些异常情况(使用Chrome测试)

    有趣的是,我用来输入电子邮件地址的文本输入元素提示我的电子邮件地址就像电子邮件元素一样。电子邮件元素的增值部分是什么 - 它将验证正确的电子邮件格式?

    如果我有实际图片:

    <input type="image" name="image1" id="Image1" width="210" height="140" src="FallFoliageAndWater.png" />
    

    ...它做同样的事情:点击图像会清空我在其他元素中输入的所有文字...... ???

    更新

    我认为文本元素的行为就像电子邮件元素一样,因为它足够聪明地看到它自己的名字是电子邮件:

    <p>
        <label for="Email"> Email:</label>
        <input type="text" name="email" id="Email"/>
    </p>
    

    如果我将名称和ID更改为“[g,G] eezlebop”:

    <p>
        <label for="Geezlebop"> Email:</label>
        <input type="text" name="geezlebop" id="Geezlebop"/>
    </p>
    

    ...它恢复为仅仅是一个愚蠢的旧文本元素,并不知道它应该保留什么。

0 个答案:

没有答案