readonly attribute of input and textarea elements

Makes the form control non-editable. Unlike the `disabled` attribute, `readonly` form controls are still included in form submissions and the user can still select (but not edit) their value text.

WHATWG Living Standard: https://html.spec.whatwg.org/multipage/input.html#the-readonly-attribute

Usage: 98.4% + 0% = 98.4%

Support summary

IE: 6
Edge: 12
Firefox: 4
Chrome: 26
Safari: 5.1
Opera: 15, partial since 10.0-10.1, notes for version 10.0-10.1₁
Safari on iOS: 7.0-7.1
Opera Mini: all
Android Browser: 2.3
Blackberry Browser: 7
Opera Mobile: 80, partial since 10, notes for version 10₁
Chrome for Android: 124
Firefox for Android: 125
IE Mobile: Not supported, notes for version 10₂
UC Browser for Android: 15.5
Samsung Internet: 4
QQ Browser: 14.9
Baidu Browser: 13.52
KaiOS Browser: 2.5

Notes

Readonly inputs of type `datetime-local`, `date`, `month`, and `week` can still be edited by pressing the Up or Down arrow keys on the keyboard while the input is focused. ↑
Text cannot be selected directly, but is possible by first selecting any text around the field. ↑

Links

WHATWG HTML specification for the readonly attribute of the `` element</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-readonly">MDN Web Docs - readonly attribute</a></li></ul><h2>Full support table</h2><h3>IE</h3> <table> <thead><tr><th>5.5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th></tr></thead><tbody><tr><td>u</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Edge</h3> <table> <thead><tr><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th><th>18</th><th>79</th><th>80</th><th>81</th><th>83</th><th>84</th><th>85</th><th>86</th><th>87</th><th>88</th><th>89</th><th>90</th><th>91</th><th>92</th><th>93</th><th>94</th><th>95</th><th>96</th><th>97</th><th>98</th><th>99</th><th>100</th><th>101</th><th>102</th><th>103</th><th>104</th><th>105</th><th>106</th><th>107</th><th>108</th><th>109</th><th>110</th><th>111</th><th>112</th><th>113</th><th>114</th><th>115</th><th>116</th><th>117</th><th>118</th><th>119</th><th>120</th><th>121</th><th>122</th><th>123</th><th>124</th></tr></thead><tbody><tr><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Firefox</h3> <table> <thead><tr><th>2</th><th>3</th><th>3.5</th><th>3.6</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th><th>18</th><th>19</th><th>20</th><th>21</th><th>22</th><th>23</th><th>24</th><th>25</th><th>26</th><th>27</th><th>28</th><th>29</th><th>30</th><th>31</th><th>32</th><th>33</th><th>34</th><th>35</th><th>36</th><th>37</th><th>38</th><th>39</th><th>40</th><th>41</th><th>42</th><th>43</th><th>44</th><th>45</th><th>46</th><th>47</th><th>48</th><th>49</th><th>50</th><th>51</th><th>52</th><th>53</th><th>54</th><th>55</th><th>56</th><th>57</th><th>58</th><th>59</th><th>60</th><th>61</th><th>62</th><th>63</th><th>64</th><th>65</th><th>66</th><th>67</th><th>68</th><th>69</th><th>70</th><th>71</th><th>72</th><th>73</th><th>74</th><th>75</th><th>76</th><th>77</th><th>78</th><th>79</th><th>80</th><th>81</th><th>82</th><th>83</th><th>84</th><th>85</th><th>86</th><th>87</th><th>88</th><th>89</th><th>90</th><th>91</th><th>92</th><th>93</th><th>94</th><th>95</th><th>96</th><th>97</th><th>98</th><th>99</th><th>100</th><th>101</th><th>102</th><th>103</th><th>104</th><th>105</th><th>106</th><th>107</th><th>108</th><th>109</th><th>110</th><th>111</th><th>112</th><th>113</th><th>114</th><th>115</th><th>116</th><th>117</th><th>118</th><th>119</th><th>120</th><th>121</th><th>122</th><th>123</th><th>124</th><th>125</th><th>126</th><th>127</th><th>128</th></tr></thead><tbody><tr><td>u</td><td>u</td><td>u</td><td>u</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Chrome</h3> <table> <thead><tr><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th><th>18</th><th>19</th><th>20</th><th>21</th><th>22</th><th>23</th><th>24</th><th>25</th><th>26</th><th>27</th><th>28</th><th>29</th><th>30</th><th>31</th><th>32</th><th>33</th><th>34</th><th>35</th><th>36</th><th>37</th><th>38</th><th>39</th><th>40</th><th>41</th><th>42</th><th>43</th><th>44</th><th>45</th><th>46</th><th>47</th><th>48</th><th>49</th><th>50</th><th>51</th><th>52</th><th>53</th><th>54</th><th>55</th><th>56</th><th>57</th><th>58</th><th>59</th><th>60</th><th>61</th><th>62</th><th>63</th><th>64</th><th>65</th><th>66</th><th>67</th><th>68</th><th>69</th><th>70</th><th>71</th><th>72</th><th>73</th><th>74</th><th>75</th><th>76</th><th>77</th><th>78</th><th>79</th><th>80</th><th>81</th><th>83</th><th>84</th><th>85</th><th>86</th><th>87</th><th>88</th><th>89</th><th>90</th><th>91</th><th>92</th><th>93</th><th>94</th><th>95</th><th>96</th><th>97</th><th>98</th><th>99</th><th>100</th><th>101</th><th>102</th><th>103</th><th>104</th><th>105</th><th>106</th><th>107</th><th>108</th><th>109</th><th>110</th><th>111</th><th>112</th><th>113</th><th>114</th><th>115</th><th>116</th><th>117</th><th>118</th><th>119</th><th>120</th><th>121</th><th>122</th><th>123</th><th>124</th><th>125</th><th>126</th><th>127</th></tr></thead><tbody><tr><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Safari</h3> <table> <thead><tr><th>3.1</th><th>3.2</th><th>4</th><th>5</th><th>5.1</th><th>6</th><th>6.1</th><th>7</th><th>7.1</th><th>8</th><th>9</th><th>9.1</th><th>10</th><th>10.1</th><th>11</th><th>11.1</th><th>12</th><th>12.1</th><th>13</th><th>13.1</th><th>14</th><th>14.1</th><th>15</th><th>15.1</th><th>15.2-15.3</th><th>15.4</th><th>15.5</th><th>15.6</th><th>16.0</th><th>16.1</th><th>16.2</th><th>16.3</th><th>16.4</th><th>16.5</th><th>16.6</th><th>17.0</th><th>17.1</th><th>17.2</th><th>17.3</th><th>17.4</th><th>17.5</th><th>TP</th></tr></thead><tbody><tr><td>u</td><td>u</td><td>u</td><td>u</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Opera</h3> <table> <thead><tr><th>9</th><th>9.5-9.6</th><th>10.0-10.1</th><th>10.5</th><th>10.6</th><th>11</th><th>11.1</th><th>11.5</th><th>11.6</th><th>12</th><th>12.1</th><th>15</th><th>16</th><th>17</th><th>18</th><th>19</th><th>20</th><th>21</th><th>22</th><th>23</th><th>24</th><th>25</th><th>26</th><th>27</th><th>28</th><th>29</th><th>30</th><th>31</th><th>32</th><th>33</th><th>34</th><th>35</th><th>36</th><th>37</th><th>38</th><th>39</th><th>40</th><th>41</th><th>42</th><th>43</th><th>44</th><th>45</th><th>46</th><th>47</th><th>48</th><th>49</th><th>50</th><th>51</th><th>52</th><th>53</th><th>54</th><th>55</th><th>56</th><th>57</th><th>58</th><th>60</th><th>62</th><th>63</th><th>64</th><th>65</th><th>66</th><th>67</th><th>68</th><th>69</th><th>70</th><th>71</th><th>72</th><th>73</th><th>74</th><th>75</th><th>76</th><th>77</th><th>78</th><th>79</th><th>80</th><th>81</th><th>82</th><th>83</th><th>84</th><th>85</th><th>86</th><th>87</th><th>88</th><th>89</th><th>90</th><th>91</th><th>92</th><th>93</th><th>94</th><th>95</th><th>96</th><th>97</th><th>98</th><th>99</th><th>100</th><th>101</th><th>102</th><th>103</th><th>104</th><th>105</th><th>106</th><th>107</th><th>108</th><th>109</th></tr></thead><tbody><tr><td>u</td><td>u</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Safari on iOS</h3> <table> <thead><tr><th>3.2</th><th>4.0-4.1</th><th>4.2-4.3</th><th>5.0-5.1</th><th>6.0-6.1</th><th>7.0-7.1</th><th>8</th><th>8.1-8.4</th><th>9.0-9.2</th><th>9.3</th><th>10.0-10.2</th><th>10.3</th><th>11.0-11.2</th><th>11.3-11.4</th><th>12.0-12.1</th><th>12.2-12.5</th><th>13.0-13.1</th><th>13.2</th><th>13.3</th><th>13.4-13.7</th><th>14.0-14.4</th><th>14.5-14.8</th><th>15.0-15.1</th><th>15.2-15.3</th><th>15.4</th><th>15.5</th><th>15.6-15.8</th><th>16.0</th><th>16.1</th><th>16.2</th><th>16.3</th><th>16.4</th><th>16.5</th><th>16.6-16.7</th><th>17.0</th><th>17.1</th><th>17.2</th><th>17.3</th><th>17.4</th><th>17.5</th></tr></thead><tbody><tr><td>u</td><td>u</td><td>u</td><td>u</td><td>u</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Opera Mini</h3> <table> <thead><tr><th>all</th></tr></thead><tbody><tr><td>y</td></tr></tbody></table><h3>Android Browser</h3> <table> <thead><tr><th>2.1</th><th>2.2</th><th>2.3</th><th>3</th><th>4</th><th>4.1</th><th>4.2-4.3</th><th>4.4</th><th>4.4.3-4.4.4</th><th>124</th></tr></thead><tbody><tr><td>u</td><td>u</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>Blackberry Browser</h3> <table> <thead><tr><th>7</th><th>10</th></tr></thead><tbody><tr><td>y</td><td>y</td></tr></tbody></table><h3>Opera Mobile</h3> <table> <thead><tr><th>10</th><th>11</th><th>11.1</th><th>11.5</th><th>12</th><th>12.1</th><th>80</th></tr></thead><tbody><tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>y</td></tr></tbody></table><h3>Chrome for Android</h3> <table> <thead><tr><th>124</th></tr></thead><tbody><tr><td>y</td></tr></tbody></table><h3>Firefox for Android</h3> <table> <thead><tr><th>125</th></tr></thead><tbody><tr><td>y</td></tr></tbody></table><h3>IE Mobile</h3> <table> <thead><tr><th>10</th><th>11</th></tr></thead><tbody><tr><td>y</td><td>y</td></tr></tbody></table><h3>UC Browser for Android</h3> <table> <thead><tr><th>15.5</th></tr></thead><tbody><tr><td>y</td></tr></tbody></table><h3>Samsung Internet</h3> <table> <thead><tr><th>4</th><th>5.0-5.4</th><th>6.2-6.4</th><th>7.2-7.4</th><th>8.2</th><th>9.2</th><th>10.1</th><th>11.1-11.2</th><th>12.0</th><th>13.0</th><th>14.0</th><th>15.0</th><th>16.0</th><th>17.0</th><th>18.0</th><th>19.0</th><th>20</th><th>21</th><th>22</th><th>23</th><th>24</th></tr></thead><tbody><tr><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td><td>y</td></tr></tbody></table><h3>QQ Browser</h3> <table> <thead><tr><th>14.9</th></tr></thead><tbody><tr><td>y</td></tr></tbody></table><h3>Baidu Browser</h3> <table> <thead><tr><th>13.52</th></tr></thead><tbody><tr><td>y</td></tr></tbody></table><h3>KaiOS Browser</h3> <table> <thead><tr><th>2.5</th><th>3.0-3.1</th></tr></thead><tbody><tr><td>y</td><td>y</td></tr></tbody></table><ul> <li>y = supported</li> <li>a = partially supported, see notes</li> <li>x = supported with a prefix, e.g. moz, webkit</li> <li>p = supported with a polyfill</li> <li>d = available but disabled by default; the feature need to be enabled in about:config, chrome://flags, etc.</li> <li>n = not supported</li> <li>u = unknown/untested</li> </ul> <p><a href="/caniuse">Back to list</a></p><p>Data copyright <a href="http://www.caniuse.com/">caniuse.com</a></p> </body></html>