Bonjour,
L'attribut readonly fonctionne très bien avec Chrome et Firefox mais le comportement est très bizarre avec IE11:
  • Le focus est accepté dans le champ,
  • Sur action de la touche backspace, sans autre action, on revient directement à la page précédente.
  • Sur action de la touche backspace, après avoir modifié les autres champs:
    • la page "La page web a expiré" s'affiche avec le message "cliquez pour actualiser".
    • après actualisation, c'est également la page précédente qui s'affiche.

Mes recherches sur le Net n'ont rien donné.

Voici un bout de code de test:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
 
<head>
	<meta charset="utf-8" />
	<title>Edition d'un abonné</title>
	<link rel="stylesheet" media="all" type="text/css" href="admin.css" />
	<link rel="stylesheet" type="text/css" href="default_blue.css" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
</head>
 
<body>
 
<p>
	<a href="selectAbo.php">Editer un autre abonné</a><br/>
	<a href="../homeAbo.php">Retour à la page d'accueil</a><br/>
	<a href="../index.php">Retour à la page de connexion</a><br/>
</p>
<form method="post">
	<fieldset><legend>Abonné</legend>
		<label for="id">N° abonné</label><input type="text" id="id" name="id" value="" readonly="readOnly" /><br/>
		<label for="pseudo">Pseudo</label><input type="text" id="pseudo" name="pseudo" value="" maxlength="12" /><br/>
		<label for="client_nom">Nom abonné</label><input type="text" id="client_nom" name="client_nom" value="" maxlength="40" /><br/>
		<label for="courriel">Courriel</label><input type="text" id="courriel" name="courriel" value="" maxlength="60" /><br/>
	</fieldset>
</form>
 
</body>
Est-ce que quelqu'un a déjà constaté ce bug? J'aimerais bien trouver des infos pour contourner ce bug.