js获取用户在input标签中输入的值，然后改变html下各个标签的值或者属性
2024-03-31 12:08:28
2019独角兽企业重金招聘Python工程师标准>>> 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><script type="text/javascript">function changeText(){var x=document.getElementById("fname").value;//获取标签中id为fname中输入的值var index=many.selectedIndex;//获取用户选中的第几个下拉框var selVar=many.options[index].value;//获取下拉框的值var stylestr='font-family: '+selVar;document.getElementById("div").innerHTML=x;//给标签id为div中赋值document.getElementById ("div").setAttribute("style",stylestr);//给标签id为div的 style属性赋值} </script>
<style type="text/css">
@font-face {font-family: 'Tactic Sans Extra Extended Regular';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY637hEZjAU3DXS1ongpB2&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2MzdoRVpqQVUzRFhTMW9uZ3BCMiIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMjg2NDAwMH19fV19&Signature=rVKaEH73RurkIs6B0ncfRv8r8cKoThBtk9F20FRA336Sh3LxP600IkSWcC5wMIW685m8d3G4K5oLnwAl1iUIOjZ6RYZIBzp~HYCFeOjkIpKUp-6kJgU3cJpuS35V4KetFEJCtCZF1hLzHmFPwdr9qxMs1CPgyiVT6W1i2di2J5cuOv05QQ2rcMSmp9RVketbRf41s2P-xEhAiyxXQaX1RfavGz6punwuDKFbayxWdXlhjQZND8TBUas23cdJdW~pllJaQ~p-cH8-izbXgDtfmKXu-cEQObjGGkNwNDFvWNNMOYTNE3K00uv6RaA2785wMpjTyTvwpovLlPyR8otOFg__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Regular Italic';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63SS93PPf1uLnihJmFBY&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1NTOTNQUGYxdUxuaWhKbUZCWSIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMjc3NzYwMH19fV19&Signature=I52KnFaxBxN2A1hqVcg74xbXUWlUrBKYPMUmSkKZYHbBZ4qS~pNlwOtrtmVa5QiAwsGPYw7oKfQTkO4OTtQzjbOwMXqo4QKPVbN4lIr6BbmCkhtD4-mZDxI-J1EqbrpB0bneRNxqTRA2yTxrTlyVvhkDheLvxpzZTXTEdRvIXoxR53ZcTc6vc5jj~1raUobQcmWWw2dxX~hx0mpuRBBizQRnpI3G4Qs8djohRN~mEX6T2rCxAkgmKstyvyrzfcofcscN1xXSKG~VITqjhXuM9fa3L5F0W7STo4BbRNEI0SAOxxHsxqNVpi3~oAAAjIfF~9gfiVcmGYYEnVD0SJYggg__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Medium';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63SlRmXG9iK1b4PU3nk4&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1NsUm1YRzlpSzFiNFBVM25rNCIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMzAzNjgwMH19fV19&Signature=VLpKJXE~DPMbDClJOExH~fJJ8knZRo3K4Ptmzchsmg0t-2HwxGw0RugU8J3azqzRPzTCQBq0EC-mzEjuMOoadyx~Dcd9hSJ0RGZVGXCcMOzpovWOTca-HUypJEcE1XE5qGy1Dxsif0LP8a1zUzRY-lE5CCeqw0gA8L-1pMFStkAqRdbZ-7~pjfmshC1HRrUrzpVKohqaXjxPOccbqd1iG2P4mePCwB1JvIMYa0DhOIZol8iaqIIf6BLTwV91yMNTiedtmliVUO78aFHeg5vSR6WLUpaLbWe6hUFG3vk32kItnHbkrAENa-s5qo~zg6O8-mC2i0Sa~nnHmLr1bbHn2A__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Medium Italic';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63SDcRY3nvB81Guf93hg&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1NEY1JZM252QjgxR3VmOTNoZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMzEyMzIwMH19fV19&Signature=N6ZCYVlrSqqo3ZwSDJR0R468~fYhY2tgt55KRAdpYKw6ZT72YlvBBKUXvMWCXB3eH8oUKHpn915R8scvY5eNymYpvYyQG9WJYIiPdkwKBxaW-jW1iVkPpj9tJccG6kghBmjrXYUzeowWEfDWtp7aLlDTIlCwdlRl9uRY7~8DwXr7~bJcRiZrj99mRTI9rP1uglzZ1d221L0jJnAebOYND9HAFh6PEphg2QLK3pXtGBZSbkqsJ4eR4xgQjfrF6xQOEQs38dPGA42W2-a7daHFjsILJ5zJwmWmRTmy-GnPuweGGk6QqtV0vxmOXJUddn3ae~bYxVffxWIYzWt84dp-3Q__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Bold';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63T3uOOc0l7FRWC8h3Ds&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1QzdU9PYzBsN0ZSV0M4aDNEcyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMzIwOTYwMH19fV19&Signature=RoZB1xyFyHOhjya3iLVZq9rCHxNcPavaQp86TvfDpo3Dbl8Ay6D7WYSBVvSIAUYUPJvwDSq1xb2Xg4-xVHckAUdah6ESFeQlsI3kC7WPAkBChUttDq-ZOWNlALDobfN9vMWmn~GibTmPTzdtDFno8vAW~w97rADl8p2y6uSVM1rbD2~5OiS2urb4bCLQWOoacZyACrsrX2rf5BpTprNz~uxuDR~6fDzkHu77p~tC1B6MrYs8ycHRWtFrpMkYpOFoyZOH13ooudtzChrZNSqKsWM8ywRMxWb1zuOXnowFQbToq6nxa0az~0ITBhQNDGKQFjKg-mGsi8LsZegnV717vw__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Bold Italic';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63T8kZf6aSfdOM7eHQMW&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1Q4a1pmNmFTZmRPTTdlSFFNVyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMjY5MTIwMH19fV19&Signature=AtWCnzyRmfNTIQNsffy1GuEc-3c26FBgJ0vJpW~3MA1IMdvaOwlC1Hsbo~oGUX4XEf3kQsIZTr85BsfvBxFhjukirlRUbX-wwO~oYbNKE4qWvnQnRccsC6rW6QpMB85k8ImlJ8FbnZA1aIiiSwQdC6Og-DLKzd~jGaXBcsH28uU7Mo9gkW4C4Pyf7hlqTqHDtms6dTzwZ93ng4E601DphZjaf1rjQuqkAIO7HMItOxDVXKzSp5zIqOkQ3wSuvQP27neBvIz2qzNnj8BEwjToLEgkOLvsexLjrDmsziuasdKpDknDP1bi4yWEfdAq1DeukXPQX9kT1I92Gj-ZwHJr1A__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Black';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY62MTvbT1CiHHpBhQlh2q&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2Mk1UdmJUMUNpSEhwQmhRbGgycSIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMzEyMzIwMH19fV19&Signature=qI75i4GW5v7URNgpUy2itEpsscaHA8jdcwkeZop9gGz6s3qaH~MdUIGdI4AD46To4V8i8wJIIXgLmn5zBgHPFBCP6xHZ6yp0pZXpMYMN1KyMF-hosFixXBqqr43Njvm2sDqEkqsyPYaeaBy46qx98AkxFBPggIKcsr5zchnxllhZR4DECOgU53eGE8vVaVBuLPl4VFOf-Mr3r6OkHpUAFgfArHEu2OXGX7P0IsoVESwZzZchDY9CvonP51i1Fk5gaTmaB92QY-VzZxamwb4MlSgfy0W~YOudamqb0AxLyX1F~fuHduNk~lWF5ybKXjmhsv9Zt9WdSytrwN22XoSL2Q__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Black Italic';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63SWvEfqIfWjkYcpMcKC&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1NXdkVmcUlmV2prWWNwTWNLQyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMjc3NzYwMH19fV19&Signature=g0ACHoiZHIHRS-KtqV9FNRtqkkL~OacmDbqGh5E1yB0q9inJSVT~L3kh0us~x0EwEWXy8wgb8~E7ajP8P731lIrpGA3qwxt-9inUOT0zYHgJ8gqil3Ejv3l9lrse7yYWalCJysJyII-bi7dbjXsNE6CpwGVNDnZrwLLVAE0R7OINUTcQ-Md2klE1LyGAz9y1ZlV5ZoWnsp23WaCqLJGkUqiaT7kDpb3QVI-Ne7qgnyI9ncB9H2zkKfhZukIC0E2RMjI~ot6NXKowH79pfte1j-cRO1vP5fZhZ-SmWs1UYQp5fIdtMr5w5WrsRdNzcqbeP64HyFSUKJsSX5P5vASdaQ__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Ultra';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY637EFQ4Oltd5l4JYMSHI&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2MzdFRlE0T2x0ZDVsNEpZTVNISSIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMzAzNjgwMH19fV19&Signature=sWgyJ-xYluDotjezxpTnQUz06EB-f7y7wnZHN~JXwYMHT~24o~mrwihyXmwFad9h6gOD6iIc~ROSZNq4skN0I1kBxyxPt8jaloRVI3xgLi-GoxpfGGAYNozYj7fDuPFBZYTnAo9RVxGojxug8TqrTdRSCro6xqC-zOGNe9fg8jOIb-Nz8uYIHL-tidrcHrDh7yO0tPrs~aVT-6DtNC9db6oM5sYxE-f-70kPg2n1LJGulIDsvTtq9nsbNxWq4jF5dKqlg0Nv5rMXmepfj1lYRAyE9syHSxLaDtwiX4I2eOCf9L~kkQ6j2Zx7rOEbBoxQlqKujom~DXqD2G1jwbtCrg__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}@font-face {font-family: 'Tactic Sans Extra Extended Ultra Italic';font-weight: normal;font-style: normal;src: url(https://easy.myfonts.net/v2/woff2?Z3nR8FCaHmEOB7caH06NqHKkhE37UnrjHEPA2vmjbpJo5YPad0StkrirFosJoP8p9qAoqqfoVmqC9FFlla1YWe9rgIfHVHZFoR9UZ93nIWG0MR1g3UH16E5FUCY58CuEZK3UudPstaXsCFSa76AHcLbiNUhXnHB7a9Hm0UtlY63SNIo8v5KLtqslkFo2u&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly8qL3YyL3dvZmYyP1ozblI4RkNhSG1FT0I3Y2FIMDZOcUhLa2hFMzdVbnJqSEVQQTJ2bWpicEpvNVlQYWQwU3RrcmlyRm9zSm9QOHA5cUFvcXFmb1ZtcUM5RkZsbGExWVdlOXJnSWZIVkhaRm9SOVVaOTNuSVdHME1SMWczVUgxNkU1RlVDWTU4Q3VFWkszVXVkUHN0YVhzQ0ZTYTc2QUhjTGJpTlVoWG5IQjdhOUhtMFV0bFk2M1NOSW84djVLTHRxc2xrRm8ydSIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTUxMjY5MTIwMH19fV19&Signature=OTgyR6YLml4j7ktPZtq74KVeec1OtdmUOMgi4rDevf1-Zivacwe4hOLJlz2NvyKjb2C6m0p1v4~yOoopiPwT4pYxz0NDJD8AWfU6NqmldeaFSGrVOImMW~bAht0LgW9m3IlogdAwMWb8zXOTWWgPQpai1Z3QmT7N2ilgCR2XVDJ7e~z1tJohkzQ4WU3XyODsPVqvkcvjQrrLvPp6Bz-VyKSGQLxgeMCOYhcUEZ6dHQQJtVxly3mU3rSnASw-s2pIlAheyLjUP-vABnsot9S6DczECzSI6U3ljfVa1J6Nd9OjAsvdIM6q72JXyU4xMPE-cfFI0CuqSsZo1XZMjin-3g__&Key-Pair-Id=APKAJN6QFZEE4BZCL6XQ) format('woff2');}</style></head>
<body><input id="fname" type="text" name="fname" /><select name="many" id="many">
<option >Tactic Sans Extra Extended Regular</option>
<option >Tactic Sans Extra Extended Regular Italic</option>
<option >Tactic Sans Extra Extended Medium</option>
<option >Tactic Sans Extra Extended Medium Italic</option>
<option >Tactic Sans Extra Extended Bold</option>
<option >Tactic Sans Extra Extended Bold Italic</option>
<option >Tactic Sans Extra Extended Black</option>
<option >Tactic Sans Extra Extended Black Italic</option>
<option >Tactic Sans Extra Extended Ultra</option>
<option >Tactic Sans Extra Extended Ultra Italic</option>
<option ></option>
<option ></option>
<option ></option>
<option ></option>
<option ></option>
<option ></option>
</select> <input type="submit" value="submit" onclick="changeText()"/>
<div id="div" style="font-family: Tactic Sans Extra Extended Ultra Italic">请输入想要的字母</div>
</body>
</html>
转载于:https://my.oschina.net/zrz1992/blog/1586087
js获取用户在input标签中输入的值，然后改变html下各个标签的值或者属性相关推荐
- 获取表单 input框中输入的值
html: <input type="text" value="请输入..." id="txt"/><button id= ...
- html中怎么选择所在地,如何操作JS获取用户所在城市及地理位置
这次给大家带来如何操作JS获取用户所在城市及地理位置,操作JS获取用户所在城市及地理位置的注意事项有哪些,下面就是实战案例,一起来看一下. 获取用户地理位置 $.getScript('http://i ...
- js获取用户选择的文件路径[曲线救国]
JavaScript如何获取用户input[type=file]选择的文件路径呢? 首先,JavaScript本身是无法通过input[type=file]获取用户选择的文件路径的,这条路是行不通的. ...
- js获取用户的操作系统和浏览器版本的方法
让IE支持placeholder属性 通过window.location获得URL的信息 js获取用户的操作系统和浏览器版本的方法 2013-07-17 15:12:11| 分类: 工作 | ...
- html5div输入内容,将input框中输入内容显示在相应的div中【三种方法可选】
例题一枚:在input框中输入内容,会相应的显示在下面的div中的不同做法: #div{ width: 175px; height: 100px; margin: 20px 84px; border: ...
- js获取用户实时地理位置
js获取用户实时地理位置 if(navigator.geolocation) {var id = navigator.geolocation.watchPosition(function(positi ...
- 获取不到input内自己输入的值
获取不到input内自己输入的值 <form method="get" action="calc.php" id="myForm"&g ...
- Textbox控件禁止用户向文本框中输入文字
在Winform程序中,Textbox控件,如何禁止用户向文本框中输入文字,而只是可以通过程序来写入内容 选择这个控件的属性,在事件列中找到KeyPress,双击,生成相应的事件监听方法,加入代码e. ...
- js html5 省份 城市,如何使用JS获取用户所在城市及地理位置
这次给大家带来如何使用JS获取用户所在城市及地理位置,如何使用JS获取用户所在城市及地理位置的注意事项有哪些,下面就是实战案例,一起来看一下. 获取用户地理位置 $.getScript('http:/ ...
最新文章
- 撩课-Java面试宝典-第五篇
- 第十六届智能车竞赛竞速组别网络报名说明
- 时间序列的异常值处理
- 初学者成为优秀Java程序员的8个步骤
- 一个我们熟悉的陌生人：多丽丝·莱辛
- 码农小汪-Hibernate学习8-hibernate关联关系注解表示@OneToMany mappedBy @ManyToMany @JoinTable...
- assoc fetch mysql 用法_mysql_fetch_assoc、mysql_fetch_object、mysql_fetch_row、mysql_fetch_array用法学习...
- DjVu Reader Pro for Mac(DjVu阅读软件)
- matlab mac 更改语言,MAC让Matlab编辑器显示中文的方法
- IE故障修复之点击无反应
- python爬取搜狐最新时政新闻数据
- redis搭建哨兵模式（哨兵模式原理）
- bootstrap栅格化框架
- OceanBase数据库 OBCA考试认证通过感言
- php 读doc_PHP读取DOC 文件
- 更省APP省钱密令,更省省钱密令
- 微软的Edge浏览器越来越有趣
- git 默认的名字和账号
- ad中按钮开关的符号_送给初学者电工最常用电气元件实物图及对应符号
- win10安装keil5