Ticket #20579: 20579.2.diff

wp-content/themes/twentyten/style.css

@@ -307 +307 @@
         top: .5ex;
 }
 input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"],
 textarea {
         background: #f9f9f9;
         border: 1px solid #ccc;
@@ -315 +327 @@
         -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
         padding: 2px;
 }
+input[type="search"] {
+        -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration {
+        display: none;
+}
 a:link {
         color: #0066cc;
 }

wp-content/themes/twentyeleven/style.css

@@ -434 +434 @@
 /* Forms */
 input[type=text],
 input[type=password],
+input[type=date],
+input[type=datetime],
+input[type=datetime-local],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=search],
+input[type=tel],
+input[type=time],
+input[type=url],
+input[type=week],
 textarea {
         background: #fafafa;
         -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
@@ -443 +454 @@
         color: #888;
 }
 input[type=text]:focus,
+input[type=password]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
 textarea:focus {
         color: #373737;
 }
@@ -450 +473 @@
         padding-left: 3px;
         width: 98%;
 }
-input[type=text] {
+input[type=text],
+input[type=password],
+input[type=date],
+input[type=datetime],
+input[type=datetime-local],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=search],
+input[type=tel],
+input[type=time],
+input[type=url],
+input[type=week] {
         padding: 3px;
 }
+input[type="search"] {
+        -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration {
+        display: none;
+}
 input#s {
         background: url(images/search.png) no-repeat 5px 6px;
         -moz-border-radius: 2px;
@@ -2048 +2089 @@
         width: 68.9%;
 }
 #respond input[type="text"],
+#respond input[type="email"],
+#respond input[type="url"],
 #respond textarea {
         background: #fff;
         border: 4px solid #eee;
@@ -2085 +2128 @@
         z-index: 1;
 }
 #respond input[type="text"]:focus,
+#respond input[type="email"]:focus,
+#respond input[type="url"]:focus,
 #respond textarea:focus {
         text-indent: 0;
         z-index: 1;
@@ -2175 +2220 @@
 #respond label {
         line-height: 2.2em;
 }
-#respond input[type=text] {
+#respond input[type=text],
+#respond input[type=email],
+#respond input[type=url] {
         display: block;
         height: 24px;
         width: 75%;
@@ -2448 +2495 @@
                 top: 2.2em;
         }
         /* Use the available space in the smaller comment form */
-        #respond input[type="text"] {
+        #respond input[type="text"],
+        #respond input[type="email"],
+        #respond input[type="url"] {
                 width: 95%;
         }
         #respond .comment-form-author .required,

wp-content/themes/twentyeleven/functions.php

@@ -586 +586 @@
 }
 add_filter( 'body_class', 'twentyeleven_body_classes' );
 
+/**
+ * Changes the comment form to use HTML5 input fields for email and url.
+ *
+ * @since Twenty Eleven 1.4
+ */
+function twentyeleven_html5_comment_fields( $fields ) {
+        if( isset( $fields['email'] ) )
+                $fields['email'] = str_replace( 'type="text"', 'type="email"', $fields['email'] );
+        if( isset( $fields['url'] ) )
+                $fields['url'] = str_replace( 'type="text"', 'type="url"', $fields['url'] );
+        return $fields;
+}
+add_filter( 'comment_form_default_fields', 'twentyeleven_html5_comment_fields' );
+