Changeset 23689

Timestamp:

03/13/2013 08:31:43 PM (12 years ago)

Author:

markjaquith

Message:

Add the ability to use HTML5 input types in the comment form.

props jorbin, georgestephanis, obenland. fixes #15080

File:

• trunk/wp-includes/comment-template.php (modified) (3 diffs)

trunk/wp-includes/comment-template.php

@@ -1519 +1519 @@
     $user_identity = $user->exists() ? $user->display_name : '';
 
-    $req = get_option( 'require_name_email' );
+    $req      = get_option( 'require_name_email' );
     $aria_req = ( $req ? " aria-required='true'" : '' );
-    $fields =  array(
+    $html5    = isset( $args['format'] ) && 'html5' === $args['format'];
+    $fields   =  array(
         'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
                     '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>',
         'email'  => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
-                    '<input id="email" name="email" type="text" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>',
+                    '<input id="email" name="email" ' . ( $html5 ? 'type="email" pattern=""' : 'type="text"' ) . ' value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>',
         'url'    => '<p class="comment-form-url"><label for="url">' . __( 'Website' ) . '</label>' .
-                    '<input id="url" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></p>',
+                    '<input id="url" name="url" ' . ( $html5 ? 'type="url" pattern=""' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></p>',
     );
 
@@ -1544 +1545 @@
         'cancel_reply_link'    => __( 'Cancel reply' ),
         'label_submit'         => __( 'Post Comment' ),
+        'format'               => 'xhtml',
     );
 
@@ -1557 +1559 @@
                     <?php do_action( 'comment_form_must_log_in_after' ); ?>
                 <?php else : ?>
-                    <form action="<?php echo site_url( '/wp-comments-post.php' ); ?>" method="post" id="<?php echo esc_attr( $args['id_form'] ); ?>">
+                    <form action="<?php echo site_url( '/wp-comments-post.php' ); ?>" method="post" id="<?php echo esc_attr( $args['id_form'] ); ?>"<?php echo $html5 ? ' novalidate' : ''; ?>>
                         <?php do_action( 'comment_form_top' ); ?>
                         <?php if ( is_user_logged_in() ) : ?>