Você pode exigir dois campos de formulário para corresponder ao HTML5?

Existe uma maneira de exigir que as entradas em dois campos do formulário correspondam usando HTML5? Ou isso ainda precisa ser feito com javascript? Por exemplo, se você tiver dois campos de senha e quiser ter certeza de que um usuário inseriu os mesmos dados em cada campo, há alguns atributos ou outra codificação que pode ser feita para conseguir isso?

Não exatamente com a validação HTML5, mas um pouco de JavaScript pode resolver o problema. Siga o exemplo abaixo:

<p>Password:</p>
<input name="password" required="required" type="password" id="password" />
<p>Confirm Password:</p>
<input name="password_confirm" required="required" type="password" id="password_confirm" oninput="check(this)" />
<script language='javascript' type='text/javascript'>
    function check(input) {
        if (input.value != document.getElementById('password').value) {
            input.setCustomValidity('Password Must be Matching.');
        } else {
            // input is valid -- reset the error message
            input.setCustomValidity('');
        }
    }
</script>
<br /><br />
<input type="submit" />

Você pode, com expressões regulares, padrões de entrada (verifique a compatibilidade do navegador )

<input id="password" name="password" type="password" pattern="^\S{6,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Must have at least 6 characters' : ''); if(this.checkValidity()) form.password_two.pattern = this.value;" placeholder="Password" required>

<input id="password_two" name="password_two" type="password" pattern="^\S{6,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Please enter the same Password as above' : '');" placeholder="Verify Password" required>

Uma solução simples com javascript mínimo é usar o padrão de atributo html (compatível com a maioria dos navegadores modernos). Isso funciona definindo o padrão do segundo campo com o valor do primeiro campo.

Infelizmente, você também precisa escapar da regex, para a qual não existe uma função padrão.

<form>
    <input type="text" oninput="form.confirm.pattern = escapeRegExp(this.value)">
    <input name="confirm" pattern="" title="Fields must match" required>
</form>
<script>
    function escapeRegExp(str) {
      return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
    }
</script>

O JavaScript será necessário, mas a quantidade de código pode ser reduzida ao mínimo usando um <output>elemento intermediário e um oninputmanipulador de formulários para realizar a comparação (padrões e validação podem aumentar esta solução, mas não são mostrados aqui por uma questão de simplicidade):

<form oninput="result.value=!!p2.value&&(p1.value==p2.value)?'Match!':'Nope!'">
  <input type="password" name="p1" value="" required />
  <input type="password" name="p2" value="" required />
  <output name="result"></output>
</form>

Não apenas HTML5, mas um pouco de JavaScript
Clique [aqui] https://codepen.io/diegoleme/pen/surIK

HTML

    <form class="pure-form">
    <fieldset>
        <legend>Confirm password with HTML5</legend>

        <input type="password" placeholder="Password" id="password" required>
        <input type="password" placeholder="Confirm Password" id="confirm_password" required>

        <button type="submit" class="pure-button pure-button-primary">Confirm</button>
    </fieldset>
</form>

JAVASCRIPT

var password = document.getElementById("password")
  , confirm_password = document.getElementById("confirm_password");

function validatePassword(){
  if(password.value != confirm_password.value) {
    confirm_password.setCustomValidity("Passwords Don't Match");
  } else {
    confirm_password.setCustomValidity('');
  }
}

password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;

As respostas que usam padrão e regex gravam a senha do usuário nas propriedades de entrada como texto simples pattern='mypassword'. Isso só ficará visível se as ferramentas do desenvolvedor estiverem abertas, mas ainda não parece uma boa ideia.

Outro problema com o uso de padrão para verificar uma correspondência é que você provavelmente desejará usar o padrão para verificar se a senha está no formato correto, por exemplo, letras e números mistos.

Também acho que esses métodos não funcionarão bem se o usuário alternar entre as entradas.

Esta é minha solução que usa um pouco mais de JavaScript, mas executa uma verificação de igualdade simples quando qualquer entrada é atualizada e, em seguida, define uma validade de HTML personalizado. Ambas as entradas ainda podem ser testadas para um padrão, como formato de e-mail ou complexidade de senha.

Para uma página real, você mudaria os tipos de entrada para 'senha'.

<form>
    <input type="text" id="password1" oninput="setPasswordConfirmValidity();">
    <input type="text" id="password2" oninput="setPasswordConfirmValidity();">
</form>
<script>
    function setPasswordConfirmValidity(str) {
        const password1 = document.getElementById('password1');
        const password2 = document.getElementById('password2');

        if (password1.value === password2.value) {
             password2.setCustomValidity('');
        } else {
            password2.setCustomValidity('Passwords must match');
        }
        console.log('password2 customError ', document.getElementById('password2').validity.customError);
        console.log('password2 validationMessage ', document.getElementById('password2').validationMessage);
    }
</script>

Como foi mencionado em outras respostas, não existe uma maneira pura de HTML5 de fazer isso.

Se você já estiver usando JQuery , isso deve fazer o que você precisa:

$(document).ready(function() {
  $('#ourForm').submit(function(e){
      var form = this;
      e.preventDefault();
      // Check Passwords are the same
      if( $('#pass1').val()==$('#pass2').val() ) {
          // Submit Form
          alert('Passwords Match, submitting form');
          form.submit();
      } else {
          // Complain bitterly
          alert('Password Mismatch');
          return false;
      }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="ourForm">
    <input type="password" name="password" id="pass1" placeholder="Password" required>
    <input type="password" name="password" id="pass2" placeholder="Repeat Password" required>
    <input type="submit" value="Go">
</form>