código html para el formato del número de teléfono

En primer lugar, como tu caso de uso es invocar click() en el elemento, lo ideal es que en lugar de usar presence_of_element_located() uses las ExpectedConditions como element_to_be_clickable() como sigue:
Como el elemento deseado está dentro de un Cuadro de Diálogo Modal, así que para localizar e invocar click() en el elemento tienes que inducir WebDriverWait para el element_to_be_clickable() y puedes usar la siguiente Estrategia de Localización:
Pruebe el siguiente código que está haciendo clic en el botón de continuar donde tanto continuar y cancelar el botón there.once usted haga clic en continuar usted otro botón de continuar a click.The he actualizado desde la aplicación de programación.

entrada de tipo=tel sólo números

Los elementos <input> de tipo tel se utilizan para que el usuario introduzca y edite un número de teléfono. A diferencia de <input type=»email»> y <input type=»url»> , el valor de la entrada no se valida automáticamente con un formato determinado antes de poder enviar el formulario, ya que los formatos de los números de teléfono varían mucho en todo el mundo.
A pesar de que las entradas de tipo tel son funcionalmente idénticas a las entradas de texto estándar, tienen propósitos útiles; el más rápido de ellos es que los navegadores móviles -especialmente en los teléfonos móviles- pueden optar por presentar un teclado personalizado optimizado para introducir números de teléfono. El uso de un tipo de entrada específico para los números de teléfono también hace que sea más conveniente añadir una validación personalizada y el manejo de los números de teléfono.
ValorEl atributo value del elemento <input> contiene un DOMString que representa un número de teléfono o es una cadena vacía («»).Atributos adicionalesAdemás de los atributos que operan en todos los elementos <input> independientemente de su tipo, las entradas de números de teléfono admiten los siguientes atributos.ListEl valor del atributo list es el id de un elemento <datalist> situado en el mismo documento. El <datalist> proporciona una lista de valores predefinidos para sugerir al usuario para esta entrada. Cualquier valor de la lista que no sea compatible con el tipo no se incluye en las opciones sugeridas. Los valores proporcionados son sugerencias, no requisitos: los usuarios pueden seleccionar de esta lista predefinida o proporcionar un valor diferente.maxlengthEl número máximo de caracteres (como unidades de código UTF-16) que el usuario puede introducir en el campo del número de teléfono. Debe ser un valor entero 0 o superior. Si no se especifica ninguna longitud máxima, o se especifica un valor no válido, el campo del número de teléfono no tiene longitud máxima. Este valor también debe ser mayor o igual que el valor de minlength.

entrada de número de teléfono con código de país en html

<meta data-body-font-family=»-apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;» data-body-font-type=»system»>
<path d=»M17.178 13.088H5.453c-.454 0-.91-.364-.91-.818L3.727 1.818H0V0h4.544c.455 0 .91.364.91.818l.09 1.272h13.45c.274 0 .547.09.73.364.18.182.27.454.18.727l-1.817 9.18c-.09.455-.455.728-.91.728zM6.27 11.27h10.09l1.454-7.362H5.634l.637 7.362zm.092 7.715c1.004 0 1.818-.813 1.818-1.817s-.814-1.818-1.818-1.818.814-1.818 1.818.814 1.817 1.818zm9. 18 0c1.004 0 1.817-.813 1.817-1.817s-.814-1.818-1.818-1.814-1.818 1.818.814 1.817 1.818.814 1.817 1.818 1.817z» />
<input placeholder=»Número de teléfono móvil» autocapitalize=»off» spellcheck=»false» autocomplete=»phone» data-autofocus=»true» data-phone-flag-input=»true» data-phone-flag-input-default-country=»United States» data-phone-formatter=»true» data-phone-formatter-insert-country-code=»true» data-phone-formatter- e164=»true» data-phone-formatter-region-code=»US» data-backup=»subscription_handle» data-phone-flag-label=»Código de país/región» data-trekkie-id-shipping-updates-handle-type=»phone» class=»field__input» size=»30″ type=»tel» value=»+1 415-971-2471″ name=»arrive_signup_form[phone]» id=»arrive_signup_form_phone» />

validación de números de teléfono de 10 dígitos en html

Cuando no establezco la visualización se pone por defecto en inline, lo que significa que ya no puedo establecer la anchura o la altura. La marca de verificación aparece dentro del elemento, pero al desmarcar la casilla el elemento se reduce a nada. He probado a poner algunos espacios de no ruptura (\00A0), pero aunque funcionara parece un poco desordenado.
El marcador va a la izquierda debido a la identificación del texto dentro del elemento ::before. Se puede arreglar fácilmente estableciendo su alineación de texto a text-align: right, para que el contenido (tick) quede dentro del cuadrado:
La primera línea revierte el valor heredado de la caja de sangría de texto a cero por defecto, devolviendo el texto dentro de la caja. Las otras dos líneas sólo embellecen el aspecto colocando el carácter en el centro de la caja.
2: No directamente. Según la especificación, la anchura/altura de los elementos en línea se ignora. El tamaño de los elementos en línea depende de su fuente (no sólo del tamaño de la fuente, sino de la propia fuente, diferentes fuentes con el mismo tamaño de fuente pueden ocupar diferentes espacios). Se puede utilizar una fuente monoespaciada que tiene un ancho constante para cualquier carácter, pero es mejor establecer la visualización como inline-block.